@progressio_resources/gravity-design-system 3.9.3 → 4.0.0

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

@@ -1,55 +0,0 @@
-import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../services/gravity-push-notifications-service.service";
-import * as i2 from "@angular/common";
-import * as i3 from "../gravity-icon/gravity-icon.component";
-export class GravityPushNotificationsComponent {
-    set userNotifications(value) {
-        this._userNotifications = value;
-        this.processData();
-    }
-    constructor(pushNotificationsService, elementRef) {
-        this.pushNotificationsService = pushNotificationsService;
-        this.elementRef = elementRef;
-        this.viewedNotificationsResponse = new EventEmitter();
-        this.isPanelOpen = false;
-    }
-    ngOnInit() {
-        this.processData();
-    }
-    ngOnDestroy() {
-        this.pushNotificationsService.clearLoginNotification();
-    }
-    processData() {
-        this.pushNotificationsService.loadUserNotifications(this._userNotifications);
-    }
-    handleToggleNotificationsPanel() {
-        this.isPanelOpen = !this.isPanelOpen;
-        this.viewedNotifications = this.pushNotificationsService.toggleNotificationsPanel(this.isPanelOpen);
-        if (this.viewedNotifications?.push_notifications?.length > 0) {
-            this.viewedNotificationsResponse.emit(this.viewedNotifications);
-        }
-    }
-    onClick(event) {
-        if (this.isPanelOpen) {
-            const clickedInside = this.elementRef.nativeElement.contains(event.target);
-            if (!clickedInside) {
-                this.handleToggleNotificationsPanel();
-            }
-        }
-    }
-    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=\"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{display:block;position:absolute;top:42px!important;right:-16px!important;z-index:5;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;content:\"\";right:23px;width:12px;height:12px;z-index:1;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=\"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{display:block;position:absolute;top:42px!important;right:-16px!important;z-index:5;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;content:\"\";right:23px;width:12px;height:12px;z-index:1;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: [{
-                type: Output
-            }], onClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
-//# 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

@@ -1,34 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-export class GravityRadioButtonComponent {
-    constructor() {
-        this.checked = false;
-        this.disabled = false;
-        this.size = 'sm';
-        this.onChange = new EventEmitter();
-    }
-    onChangeEvent(value) {
-        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: { 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\" [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
-            }], name: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], onChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXJhZGlvLWJ1dHRvbi9ncmF2aXR5LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktcmFkaW8tYnV0dG9uL2dyYXZpdHktcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBT3JFLE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFPa0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBRXhCLGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQUs5RTtJQUhRLGFBQWEsQ0FBQyxLQUFhO1FBQ2hDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7K0dBWFUsMkJBQTJCO21HQUEzQiwyQkFBMkIsMk5DUHhDLDZTQUtBOzs0RkRFYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUtoQixVQUFVO3NCQUF6QixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVyxRQUFRO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktcmFkaW8tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5UmFkaW9CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgY3lwcmVzc1RhZzogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdtZCcgfCAnc20nID0gJ3NtJztcbiAgQElucHV0KCkgcHVibGljIHZhbHVlOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgcHVibGljIG9uQ2hhbmdlRXZlbnQodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gIH1cbn1cbiIsIjxpbnB1dCBbY2hlY2tlZF09XCJjaGVja2VkXCIgY2xhc3M9XCJzaXplLXt7c2l6ZX19XCIgKGNsaWNrKT1cIm9uQ2hhbmdlRXZlbnQodmFsdWUpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW2lkXT1cInZhbHVlXCJcbiAgICAgICBbbmFtZV09XCJuYW1lXCIgdHlwZT1cInJhZGlvXCIgW3ZhbHVlXT1cInZhbHVlXCIgW2F0dHIuZGF0YS1jeV09XCJjeXByZXNzVGFnID8gJ3JhZGlvQnV0dG9uXycgKyBjeXByZXNzVGFnIDogbnVsbFwiPlxuPGxhYmVsPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2xhYmVsPlxuIl19

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

@@ -1,85 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewChildren } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../gravity-icon/gravity-icon.component";
-export class GravitySegmentedButtonComponent {
-    constructor() {
-        this.size = 'sm';
-        this.buttons = [];
-        this.disabled = false;
-        this.selected = new EventEmitter();
-        this.sliderStyle = { left: '0px', width: '0px' };
-    }
-    ngOnInit() {
-        if (this.disabled) {
-            this.selectedValue = null;
-            return;
-        }
-        if (this.preselectedItem && this.buttons.some(b => b.value === this.preselectedItem)) {
-            this.selectedValue = this.preselectedItem;
-        }
-        else if (this.buttons.length > 0) {
-            this.selectedValue = this.buttons[0].value;
-        }
-    }
-    ngAfterViewInit() {
-        setTimeout(() => this.updateSliderStyle(), 0);
-    }
-    onSelect(button) {
-        if (this.disabled || this.selectedValue === button.value)
-            return;
-        this.selectedValue = button.value;
-        this.selected.emit(button.value);
-        this.updateSliderStyle();
-    }
-    getState(button) {
-        if (this.disabled)
-            return 'disabled';
-        return button.value === this.selectedValue ? 'selected' : 'unselected';
-    }
-    updateSliderStyle() {
-        const index = this.buttons.findIndex(b => b.value === this.selectedValue);
-        if (index === -1)
-            return;
-        const buttonElement = this.buttonElements.get(index)?.nativeElement;
-        if (!buttonElement)
-            return;
-        const { offsetLeft: left, offsetWidth: width } = buttonElement;
-        this.sliderStyle = {
-            left: `${left}px`,
-            width: `${width}px`
-        };
-    }
-    getSliderStyle() {
-        return this.sliderStyle;
-    }
-    setSelectedValue(value) {
-        if (this.disabled)
-            return;
-        if (value && this.buttons.some(b => b.value === value)) {
-            this.selectedValue = value;
-            this.updateSliderStyle();
-            this.selected.emit(this.selectedValue);
-        }
-    }
-    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)\" [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)\" [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: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], preselectedItem: [{
-                type: Input
-            }], selected: [{
-                type: Output
-            }], buttonElements: [{
-                type: ViewChildren,
-                args: ['segmentedButton']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi9ncmF2aXR5LXNlZ21lbnRlZC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWEsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBV2pJLE1BQU0sT0FBTywrQkFBK0I7SUFMNUM7UUFNVyxTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixZQUFPLEdBQXNCLEVBQUUsQ0FBQztRQUNoQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRXpCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSXpDLGdCQUFXLEdBQUcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQztLQTBEcEQ7SUF4REMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztZQUMxQixPQUFPO1NBQ1I7UUFFRCxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxlQUFlLENBQUMsRUFBRTtZQUNwRixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7U0FDM0M7YUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNsQyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1NBQzVDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVNLFFBQVEsQ0FBQyxNQUF1QjtRQUNyQyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxNQUFNLENBQUMsS0FBSztZQUFFLE9BQU87UUFFakUsSUFBSSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sUUFBUSxDQUFDLE1BQXVCO1FBQ3JDLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPLFVBQVUsQ0FBQztRQUNyQyxPQUFPLE1BQU0sQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUM7SUFDekUsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzFFLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQztZQUFFLE9BQU87UUFFekIsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsYUFBYSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxhQUFhO1lBQUUsT0FBTztRQUUzQixNQUFNLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLEdBQUcsYUFBYSxDQUFDO1FBQy9ELElBQUksQ0FBQyxXQUFXLEdBQUc7WUFDakIsSUFBSSxFQUFFLEdBQUcsSUFBSSxJQUFJO1lBQ2pCLEtBQUssRUFBRSxHQUFHLEtBQUssSUFBSTtTQUNwQixDQUFDO0lBQ0osQ0FBQztJQUVNLGNBQWM7UUFDbkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxLQUFhO1FBQ25DLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBQzFCLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxLQUFLLENBQUMsRUFBRTtZQUN0RCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDeEM7SUFDSCxDQUFDOytHQWxFVSwrQkFBK0I7bUdBQS9CLCtCQUErQixpVENYNUMsNnlCQVlBOzs0RkREYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUszQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUMwQixjQUFjO3NCQUE5QyxZQUFZO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgUXVlcnlMaXN0LCBWaWV3Q2hpbGRyZW59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNlZ21lbnRlZEJ1dHRvbiB7XG5cdHRleHQ6IHN0cmluZzsgaWNvbj86IHN0cmluZzsgdmFsdWU6IHN0cmluZzsgY3lwcmVzc1RhZz86IHN0cmluZ1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LXNlZ21lbnRlZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eVNlZ21lbnRlZEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnID0gJ3NtJztcbiAgQElucHV0KCkgYnV0dG9uczogU2VnbWVudGVkQnV0dG9uW10gPSBbXTtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHJlc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICBAT3V0cHV0KCkgc2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQFZpZXdDaGlsZHJlbignc2VnbWVudGVkQnV0dG9uJykgYnV0dG9uRWxlbWVudHMhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+O1xuXG4gIHB1YmxpYyBzZWxlY3RlZFZhbHVlOiBzdHJpbmc7XG4gIHB1YmxpYyBzbGlkZXJTdHlsZSA9IHsgbGVmdDogJzBweCcsIHdpZHRoOiAnMHB4JyB9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSBudWxsO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnByZXNlbGVjdGVkSXRlbSAmJiB0aGlzLmJ1dHRvbnMuc29tZShiID0+IGIudmFsdWUgPT09IHRoaXMucHJlc2VsZWN0ZWRJdGVtKSkge1xuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gdGhpcy5wcmVzZWxlY3RlZEl0ZW07XG4gICAgfSBlbHNlIGlmICh0aGlzLmJ1dHRvbnMubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gdGhpcy5idXR0b25zWzBdLnZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMudXBkYXRlU2xpZGVyU3R5bGUoKSwgMCk7XG4gIH1cblxuICBwdWJsaWMgb25TZWxlY3QoYnV0dG9uOiBTZWdtZW50ZWRCdXR0b24pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLnNlbGVjdGVkVmFsdWUgPT09IGJ1dHRvbi52YWx1ZSkgcmV0dXJuO1xuXG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gYnV0dG9uLnZhbHVlO1xuICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChidXR0b24udmFsdWUpO1xuICAgIHRoaXMudXBkYXRlU2xpZGVyU3R5bGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRTdGF0ZShidXR0b246IFNlZ21lbnRlZEJ1dHRvbik6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybiAnZGlzYWJsZWQnO1xuICAgIHJldHVybiBidXR0b24udmFsdWUgPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSA/ICdzZWxlY3RlZCcgOiAndW5zZWxlY3RlZCc7XG4gIH1cblxuICBwdWJsaWMgdXBkYXRlU2xpZGVyU3R5bGUoKTogdm9pZCB7XG4gICAgY29uc3QgaW5kZXggPSB0aGlzLmJ1dHRvbnMuZmluZEluZGV4KGIgPT4gYi52YWx1ZSA9PT0gdGhpcy5zZWxlY3RlZFZhbHVlKTtcbiAgICBpZiAoaW5kZXggPT09IC0xKSByZXR1cm47XG5cbiAgICBjb25zdCBidXR0b25FbGVtZW50ID0gdGhpcy5idXR0b25FbGVtZW50cy5nZXQoaW5kZXgpPy5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghYnV0dG9uRWxlbWVudCkgcmV0dXJuO1xuXG4gICAgY29uc3QgeyBvZmZzZXRMZWZ0OiBsZWZ0LCBvZmZzZXRXaWR0aDogd2lkdGggfSA9IGJ1dHRvbkVsZW1lbnQ7XG4gICAgdGhpcy5zbGlkZXJTdHlsZSA9IHtcbiAgICAgIGxlZnQ6IGAke2xlZnR9cHhgLFxuICAgICAgd2lkdGg6IGAke3dpZHRofXB4YFxuICAgIH07XG4gIH1cblxuICBwdWJsaWMgZ2V0U2xpZGVyU3R5bGUoKTogeyBsZWZ0OiBzdHJpbmc7IHdpZHRoOiBzdHJpbmcgfSB7XG4gICAgcmV0dXJuIHRoaXMuc2xpZGVyU3R5bGU7XG4gIH1cblxuICBwdWJsaWMgc2V0U2VsZWN0ZWRWYWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcbiAgICBpZiAodmFsdWUgJiYgdGhpcy5idXR0b25zLnNvbWUoYiA9PiBiLnZhbHVlID09PSB2YWx1ZSkpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHZhbHVlO1xuICAgICAgdGhpcy51cGRhdGVTbGlkZXJTdHlsZSgpO1xuICAgICAgdGhpcy5zZWxlY3RlZC5lbWl0KHRoaXMuc2VsZWN0ZWRWYWx1ZSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLWNvbnRhaW5lciB7e3NpemV9fVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZWxlY3RlZC1iYWNrZ3JvdW5kXCIgW25nU3R5bGVdPVwiZ2V0U2xpZGVyU3R5bGUoKVwiPjwvZGl2PlxuXG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGJ1dHRvbnNcIiAjc2VnbWVudGVkQnV0dG9uXG4gICAgICAgICBjbGFzcz1cInNlZ21lbnRlZC1idXR0b25cIiBbbmdDbGFzc109XCJnZXRTdGF0ZShidXR0b24pXCIgKGNsaWNrKT1cIm9uU2VsZWN0KGJ1dHRvbilcIiBbYXR0ci5kYXRhLWN5XT1cImJ1dHRvbi5jeXByZXNzVGFnPyAnc2VnbWVudGVkQnV0dG9uXycgKyBidXR0b24uY3lwcmVzc1RhZyA6IG51bGxcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImJ1dHRvbi5pY29uXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLXNlZ21lbnRlZC1idXR0b24tY29sb3IpJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCInc20tMTInXCIgW3NpemVdPVwiJ3NtJ1wiIFtpY29uTmFtZV09XCJidXR0b24uaWNvblwiPjwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gW25nQ2xhc3NdPVwiJ2hyLWxhYmVsICcgKyBzaXplICsgKGdldFN0YXRlKGJ1dHRvbikgPT09ICdzZWxlY3RlZCcgPyAnLWJvbGQnIDogJy1yZWd1bGFyJylcIj4ge3tidXR0b24udGV4dH19IDwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -1,38 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../gravity-icon/gravity-icon.component";
-export class GravityStatusIndicatorComponent {
-    constructor() {
-        this.size = 'sm';
-        this.type = 'primary';
-        this.status = 'neutro';
-    }
-    ngOnChanges() {
-        this.capitalizeFirst();
-    }
-    capitalizeFirst() {
-        if (!this.text)
-            return '';
-        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'\" [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'\" [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: [{
-                type: Input
-            }], cypressTag: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], status: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7Ozs7QUFPMUQsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVNrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQWdILFFBQVEsQ0FBQztLQWFoSjtJQVZDLFdBQVc7UUFDVCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuRixDQUFDOytHQWhCVSwrQkFBK0I7bUdBQS9CLCtCQUErQixxTUNQNUMseWlCQU1NOzs0RkRDTywrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUtwQixJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTdGF0dXNJbmRpY2F0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgY3lwcmVzc1RhZzogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXM6ICdwb3NpdGl2ZScgfCAncG9zaXRpdmUtc2Vjb25kYXJ5JyB8ICduZWdhdGl2ZScgfCAnbmVnYXRpdmUtc2Vjb25kYXJ5JyB8ICdhdHRlbnRpb24nIHwgJ25ldXRybycgfCAnZGlzYWJsZWQnID0gJ25ldXRybyc7XG5cblxuICBuZ09uQ2hhbmdlcygpIHtcbiAgICB0aGlzLmNhcGl0YWxpemVGaXJzdCgpO1xuICB9XG5cbiAgcHVibGljIGNhcGl0YWxpemVGaXJzdCgpOiBzdHJpbmcge1xuICAgIGlmICghdGhpcy50ZXh0KSByZXR1cm4gJyc7XG4gICAgdGhpcy50ZXh0ID0gdGhpcy50ZXh0LmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdGhpcy50ZXh0LnNsaWNlKDEpLnRvTG93ZXJDYXNlKCk7XG4gIH1cblxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yIGhyLWJvZHkge3tzaXplfX0tcmVndWxhciB7e3N0YXR1c319IHt7c2l6ZX19XCIgKm5nSWY9XCJ0eXBlID09PSAncHJpbWFyeSdcIiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWcgPyAnc3RhdHVzSW5kaWNhdG9yXycgKyBjeXByZXNzVGFnIDogbnVsbFwiPlxuICAgIDxzcGFuICpuZ0lmPVwidGV4dFwiID57e3RleHR9fTwvc3Bhbj4gPGdyYXZpdHktaWNvbiBbaWNvbk5hbWVdPVwiaWNvblwiIFtpY29uU2l6ZV09XCInc20tMTInXCIgKm5nSWY9XCJpY29uXCI+PC9ncmF2aXR5LWljb24+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImdyYXZpdHktc3RhdHVzLWluZGljYXRvci1kb3QgaHItYm9keSBzbS1yZWd1bGFyIHt7c3RhdHVzfX1cIiAqbmdJZj1cInR5cGUgPT09ICdzZWNvbmRhcnknXCIgW2F0dHIuZGF0YS1jeV09XCJjeXByZXNzVGFnID8gJ3N0YXR1c0luZGljYXRvcl8nICsgY3lwcmVzc1RhZyA6IG51bGxcIj5cbiAgICA8ZGl2PjwvZGl2PiA8c3Bhbj57e3RleHR9fTwvc3Bhbj5cbjwvZGl2PiJdfQ==

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

@@ -1,37 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../gravity-icon/gravity-icon.component";
-export class GravityStepperComponent {
-    constructor() {
-        this.currentLang = 'en';
-        this.currentStepResponse = new EventEmitter();
-        this.currentStep = 1;
-    }
-    goNext() {
-        this.currentStep++;
-        this.currentStepResponse.emit(this.currentStep);
-    }
-    goBack() {
-        this.currentStep--;
-        this.currentStepResponse.emit(this.currentStep);
-    }
-    reset() {
-        this.currentStep = 1;
-        this.currentStepResponse.emit(this.currentStep);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStepperComponent, selector: "gravity-stepper", inputs: { currentLang: "currentLang", stepLabels: "stepLabels" }, outputs: { currentStepResponse: "currentStep" }, ngImport: i0, template: "<div class=\"stepper-header\">\n  <div class=\"step\" *ngFor=\"let stepLabel of stepLabels; let index = index\"\n       [class.current]=\"(index + 1) == currentStep\"\n       [class.pending]=\"(index + 1) > currentStep\"\n       [class.completed]=\"(index + 1) < currentStep\"\n       [style.--step-width]=\"(100 / stepLabels.length) + '%'\">\n    <hr>\n    <div class=\"step-content gravity-padding-right-md\">\n      <gravity-icon class=\"border-radius-rounded gravity-margin-top-xs gravity-margin-right-sm gravity-padding-xs\"\n                    [style.--icon-color]=\"'var(--gravity-icon-color)'\" [iconName]=\"'check'\"\n                    [iconSize]=\"'xl-32'\"></gravity-icon>\n      <div>\n        <p class=\"step-number hr-label md-regular\">\n          {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{index + 1}}\n        </p>\n        <p class=\"step-text hr-label md-bold\">{{stepLabel}}</p>\n        <p class=\"border-radius-rounded hr-label md-regular step-state\"\n           [class.current]=\"(index + 1) == currentStep\"\n           [class.pending]=\"(index + 1) > currentStep\"\n           [class.completed]=\"(index + 1) < currentStep\">\n          {{currentLang == 'en' ? ((index + 1) == currentStep ? 'In progress' : (index + 1) > currentStep ? 'Pending' : 'Completed') : ''}}\n          {{currentLang == 'es' ? ((index + 1) == currentStep ? 'En progreso' : (index + 1) > currentStep ? 'Pendiente' : 'Completado') : ''}}\n        </p>\n      </div>\n    </div>\n  </div>\n  <div class=\"gravity-margin-top-xs mobile\">\n    <p class=\"border-radius-xs current gravity-margin-right-xs hr-label md-regular step-state\">\n      {{currentLang == 'en' ? 'In progress' : 'En progreso'}}\n    </p>\n    <p class=\"step-number gravity-margin-right-xs hr-label md-regular\">\n      {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{currentStep}}:\n    </p>\n    <p class=\"step-text hr-label md-bold\">{{stepLabels[currentStep - 1]}}</p>\n  </div>\n</div>\n<div class=\"stepper-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".stepper-header{align-items:center;display:flex;justify-content:space-between}@media (max-width: 992px){.stepper-header{flex-wrap:wrap}}.step{display:flex;position:relative;width:var(--step-width)}@media (min-width: 993px){.step{justify-content:flex-end}}hr{background-color:var(--step-hr-background);border:none;height:.375rem;margin:0;opacity:1}@media (min-width: 993px){hr{left:0;position:absolute;top:1.4rem;width:100%}}@media (max-width: 992px){hr{width:95%}}.step.current hr{--step-hr-background: var(--line-stepper-current-primary)}.step.pending hr{--step-hr-background: var(--line-stepper-pending-primary)}.step.completed hr{--step-hr-background: var(--line-stepper-completed-primary)}.step-content{background-color:var(--surface-secondary);display:flex;z-index:1}@media (max-width: 992px){.step-content{display:none}}gravity-icon{z-index:1;background-color:var(--step-icon-background)}.step.current gravity-icon{--gravity-icon-color: var(--on-bg-stepper-current-primary);--step-icon-background: var(--line-stepper-current-primary)}.step.pending gravity-icon{--gravity-icon-color: var(--on-bg-stepper-pending-primary);--step-icon-background: var(--line-stepper-pending-primary)}.step.completed gravity-icon{--gravity-icon-color: var(--on-bg-stepper-completed-primary);--step-icon-background: var(--line-stepper-completed-primary)}.step-number,.step-text{color:var(--step-text-color)}.step.current .step-content .step-number,.step.current .step-content .step-text{--step-text-color: var(--text-stepper-current-primary)}.step.pending .step-content .step-number,.step.pending .step-content .step-text{--step-text-color: var(--text-stepper-pending-primary)}.step.completed .step-content .step-number,.step.completed .step-content .step-text{--step-text-color: var(--text-stepper-completed-primary)}.step-state{background-color:var(--step-state-background-color);color:var(--step-state-color);padding:.25rem 1rem;text-align:center;width:-moz-fit-content;width:fit-content}.step.current .step-content .step-state,.step-state.current{--step-state-background-color: var(--bg-stepper-current-primary);--step-state-color: var(--on-bg-stepper-current-primary)}.step.pending .step-content .step-state,.step-state.pending{--step-state-background-color: var(--bg-stepper-pending-primary);--step-state-color: var(--on-bg-stepper-pending-primary)}.step.completed .step-content .step-state,.step-state.completed{--step-state-background-color: var(--bg-stepper-completed-primary);--step-state-color: var(--on-bg-stepper-completed-primary)}.mobile{align-items:center}@media (min-width: 993px){.mobile{display:none}}@media (max-width: 992px){.mobile{display:flex}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: GravityStepperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gravity-stepper', template: "<div class=\"stepper-header\">\n  <div class=\"step\" *ngFor=\"let stepLabel of stepLabels; let index = index\"\n       [class.current]=\"(index + 1) == currentStep\"\n       [class.pending]=\"(index + 1) > currentStep\"\n       [class.completed]=\"(index + 1) < currentStep\"\n       [style.--step-width]=\"(100 / stepLabels.length) + '%'\">\n    <hr>\n    <div class=\"step-content gravity-padding-right-md\">\n      <gravity-icon class=\"border-radius-rounded gravity-margin-top-xs gravity-margin-right-sm gravity-padding-xs\"\n                    [style.--icon-color]=\"'var(--gravity-icon-color)'\" [iconName]=\"'check'\"\n                    [iconSize]=\"'xl-32'\"></gravity-icon>\n      <div>\n        <p class=\"step-number hr-label md-regular\">\n          {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{index + 1}}\n        </p>\n        <p class=\"step-text hr-label md-bold\">{{stepLabel}}</p>\n        <p class=\"border-radius-rounded hr-label md-regular step-state\"\n           [class.current]=\"(index + 1) == currentStep\"\n           [class.pending]=\"(index + 1) > currentStep\"\n           [class.completed]=\"(index + 1) < currentStep\">\n          {{currentLang == 'en' ? ((index + 1) == currentStep ? 'In progress' : (index + 1) > currentStep ? 'Pending' : 'Completed') : ''}}\n          {{currentLang == 'es' ? ((index + 1) == currentStep ? 'En progreso' : (index + 1) > currentStep ? 'Pendiente' : 'Completado') : ''}}\n        </p>\n      </div>\n    </div>\n  </div>\n  <div class=\"gravity-margin-top-xs mobile\">\n    <p class=\"border-radius-xs current gravity-margin-right-xs hr-label md-regular step-state\">\n      {{currentLang == 'en' ? 'In progress' : 'En progreso'}}\n    </p>\n    <p class=\"step-number gravity-margin-right-xs hr-label md-regular\">\n      {{currentLang == 'es' ? 'Paso' : 'Step'}} 0{{currentStep}}:\n    </p>\n    <p class=\"step-text hr-label md-bold\">{{stepLabels[currentStep - 1]}}</p>\n  </div>\n</div>\n<div class=\"stepper-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".stepper-header{align-items:center;display:flex;justify-content:space-between}@media (max-width: 992px){.stepper-header{flex-wrap:wrap}}.step{display:flex;position:relative;width:var(--step-width)}@media (min-width: 993px){.step{justify-content:flex-end}}hr{background-color:var(--step-hr-background);border:none;height:.375rem;margin:0;opacity:1}@media (min-width: 993px){hr{left:0;position:absolute;top:1.4rem;width:100%}}@media (max-width: 992px){hr{width:95%}}.step.current hr{--step-hr-background: var(--line-stepper-current-primary)}.step.pending hr{--step-hr-background: var(--line-stepper-pending-primary)}.step.completed hr{--step-hr-background: var(--line-stepper-completed-primary)}.step-content{background-color:var(--surface-secondary);display:flex;z-index:1}@media (max-width: 992px){.step-content{display:none}}gravity-icon{z-index:1;background-color:var(--step-icon-background)}.step.current gravity-icon{--gravity-icon-color: var(--on-bg-stepper-current-primary);--step-icon-background: var(--line-stepper-current-primary)}.step.pending gravity-icon{--gravity-icon-color: var(--on-bg-stepper-pending-primary);--step-icon-background: var(--line-stepper-pending-primary)}.step.completed gravity-icon{--gravity-icon-color: var(--on-bg-stepper-completed-primary);--step-icon-background: var(--line-stepper-completed-primary)}.step-number,.step-text{color:var(--step-text-color)}.step.current .step-content .step-number,.step.current .step-content .step-text{--step-text-color: var(--text-stepper-current-primary)}.step.pending .step-content .step-number,.step.pending .step-content .step-text{--step-text-color: var(--text-stepper-pending-primary)}.step.completed .step-content .step-number,.step.completed .step-content .step-text{--step-text-color: var(--text-stepper-completed-primary)}.step-state{background-color:var(--step-state-background-color);color:var(--step-state-color);padding:.25rem 1rem;text-align:center;width:-moz-fit-content;width:fit-content}.step.current .step-content .step-state,.step-state.current{--step-state-background-color: var(--bg-stepper-current-primary);--step-state-color: var(--on-bg-stepper-current-primary)}.step.pending .step-content .step-state,.step-state.pending{--step-state-background-color: var(--bg-stepper-pending-primary);--step-state-color: var(--on-bg-stepper-pending-primary)}.step.completed .step-content .step-state,.step-state.completed{--step-state-background-color: var(--bg-stepper-completed-primary);--step-state-color: var(--on-bg-stepper-completed-primary)}.mobile{align-items:center}@media (min-width: 993px){.mobile{display:none}}@media (max-width: 992px){.mobile{display:flex}}\n"] }]
-        }], propDecorators: { currentLang: [{
-                type: Input
-            }], stepLabels: [{
-                type: Input
-            }], currentStepResponse: [{
-                type: Output,
-                args: ['currentStep']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGVwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGVwcGVyL2dyYXZpdHktc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RlcHBlci9ncmF2aXR5LXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQU9yRSxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBTWtCLGdCQUFXLEdBQVcsSUFBSSxDQUFDO1FBR2Isd0JBQW1CLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFFOUYsZ0JBQVcsR0FBVyxDQUFDLENBQUM7S0FnQmhDO0lBZFEsTUFBTTtRQUNYLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRU0sS0FBSztRQUNWLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ2xELENBQUM7K0dBckJVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDBLQ1BwQyxvL0RBdUNBOzs0RkRoQ2EsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLGlCQUFpQjs4QkFLWCxXQUFXO3NCQUExQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBRXdCLG1CQUFtQjtzQkFBaEQsTUFBTTt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktc3RlcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5U3RlcHBlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXJyZW50TGFuZzogc3RyaW5nID0gJ2VuJztcbiAgQElucHV0KCkgcHVibGljIHN0ZXBMYWJlbHM6IHN0cmluZ1tdO1xuXG4gIEBPdXRwdXQoJ2N1cnJlbnRTdGVwJykgcHVibGljIGN1cnJlbnRTdGVwUmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgcHVibGljIGN1cnJlbnRTdGVwOiBudW1iZXIgPSAxO1xuXG4gIHB1YmxpYyBnb05leHQoKTogdm9pZCB7XG4gICAgdGhpcy5jdXJyZW50U3RlcCsrO1xuICAgIHRoaXMuY3VycmVudFN0ZXBSZXNwb25zZS5lbWl0KHRoaXMuY3VycmVudFN0ZXApO1xuICB9XG5cbiAgcHVibGljIGdvQmFjaygpOiB2b2lkIHtcbiAgICB0aGlzLmN1cnJlbnRTdGVwLS07XG4gICAgdGhpcy5jdXJyZW50U3RlcFJlc3BvbnNlLmVtaXQodGhpcy5jdXJyZW50U3RlcCk7XG4gIH1cblxuICBwdWJsaWMgcmVzZXQoKTogdm9pZCB7XG4gICAgdGhpcy5jdXJyZW50U3RlcCA9IDE7XG4gICAgdGhpcy5jdXJyZW50U3RlcFJlc3BvbnNlLmVtaXQodGhpcy5jdXJyZW50U3RlcCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwcGVyLWhlYWRlclwiPlxuICA8ZGl2IGNsYXNzPVwic3RlcFwiICpuZ0Zvcj1cImxldCBzdGVwTGFiZWwgb2Ygc3RlcExhYmVsczsgbGV0IGluZGV4ID0gaW5kZXhcIlxuICAgICAgIFtjbGFzcy5jdXJyZW50XT1cIihpbmRleCArIDEpID09IGN1cnJlbnRTdGVwXCJcbiAgICAgICBbY2xhc3MucGVuZGluZ109XCIoaW5kZXggKyAxKSA+IGN1cnJlbnRTdGVwXCJcbiAgICAgICBbY2xhc3MuY29tcGxldGVkXT1cIihpbmRleCArIDEpIDwgY3VycmVudFN0ZXBcIlxuICAgICAgIFtzdHlsZS4tLXN0ZXAtd2lkdGhdPVwiKDEwMCAvIHN0ZXBMYWJlbHMubGVuZ3RoKSArICclJ1wiPlxuICAgIDxocj5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcC1jb250ZW50IGdyYXZpdHktcGFkZGluZy1yaWdodC1tZFwiPlxuICAgICAgPGdyYXZpdHktaWNvbiBjbGFzcz1cImJvcmRlci1yYWRpdXMtcm91bmRlZCBncmF2aXR5LW1hcmdpbi10b3AteHMgZ3Jhdml0eS1tYXJnaW4tcmlnaHQtc20gZ3Jhdml0eS1wYWRkaW5nLXhzXCJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tZ3Jhdml0eS1pY29uLWNvbG9yKSdcIiBbaWNvbk5hbWVdPVwiJ2NoZWNrJ1wiXG4gICAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCIneGwtMzInXCI+PC9ncmF2aXR5LWljb24+XG4gICAgICA8ZGl2PlxuICAgICAgICA8cCBjbGFzcz1cInN0ZXAtbnVtYmVyIGhyLWxhYmVsIG1kLXJlZ3VsYXJcIj5cbiAgICAgICAgICB7e2N1cnJlbnRMYW5nID09ICdlcycgPyAnUGFzbycgOiAnU3RlcCd9fSAwe3tpbmRleCArIDF9fVxuICAgICAgICA8L3A+XG4gICAgICAgIDxwIGNsYXNzPVwic3RlcC10ZXh0IGhyLWxhYmVsIG1kLWJvbGRcIj57e3N0ZXBMYWJlbH19PC9wPlxuICAgICAgICA8cCBjbGFzcz1cImJvcmRlci1yYWRpdXMtcm91bmRlZCBoci1sYWJlbCBtZC1yZWd1bGFyIHN0ZXAtc3RhdGVcIlxuICAgICAgICAgICBbY2xhc3MuY3VycmVudF09XCIoaW5kZXggKyAxKSA9PSBjdXJyZW50U3RlcFwiXG4gICAgICAgICAgIFtjbGFzcy5wZW5kaW5nXT1cIihpbmRleCArIDEpID4gY3VycmVudFN0ZXBcIlxuICAgICAgICAgICBbY2xhc3MuY29tcGxldGVkXT1cIihpbmRleCArIDEpIDwgY3VycmVudFN0ZXBcIj5cbiAgICAgICAgICB7e2N1cnJlbnRMYW5nID09ICdlbicgPyAoKGluZGV4ICsgMSkgPT0gY3VycmVudFN0ZXAgPyAnSW4gcHJvZ3Jlc3MnIDogKGluZGV4ICsgMSkgPiBjdXJyZW50U3RlcCA/ICdQZW5kaW5nJyA6ICdDb21wbGV0ZWQnKSA6ICcnfX1cbiAgICAgICAgICB7e2N1cnJlbnRMYW5nID09ICdlcycgPyAoKGluZGV4ICsgMSkgPT0gY3VycmVudFN0ZXAgPyAnRW4gcHJvZ3Jlc28nIDogKGluZGV4ICsgMSkgPiBjdXJyZW50U3RlcCA/ICdQZW5kaWVudGUnIDogJ0NvbXBsZXRhZG8nKSA6ICcnfX1cbiAgICAgICAgPC9wPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1tYXJnaW4tdG9wLXhzIG1vYmlsZVwiPlxuICAgIDxwIGNsYXNzPVwiYm9yZGVyLXJhZGl1cy14cyBjdXJyZW50IGdyYXZpdHktbWFyZ2luLXJpZ2h0LXhzIGhyLWxhYmVsIG1kLXJlZ3VsYXIgc3RlcC1zdGF0ZVwiPlxuICAgICAge3tjdXJyZW50TGFuZyA9PSAnZW4nID8gJ0luIHByb2dyZXNzJyA6ICdFbiBwcm9ncmVzbyd9fVxuICAgIDwvcD5cbiAgICA8cCBjbGFzcz1cInN0ZXAtbnVtYmVyIGdyYXZpdHktbWFyZ2luLXJpZ2h0LXhzIGhyLWxhYmVsIG1kLXJlZ3VsYXJcIj5cbiAgICAgIHt7Y3VycmVudExhbmcgPT0gJ2VzJyA/ICdQYXNvJyA6ICdTdGVwJ319IDB7e2N1cnJlbnRTdGVwfX06XG4gICAgPC9wPlxuICAgIDxwIGNsYXNzPVwic3RlcC10ZXh0IGhyLWxhYmVsIG1kLWJvbGRcIj57e3N0ZXBMYWJlbHNbY3VycmVudFN0ZXAgLSAxXX19PC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cInN0ZXBwZXItY29udGVudFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

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

@@ -1,56 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../gravity-icon/gravity-icon.component";
-export class GravitySwitchComponent {
-    constructor() {
-        this.size = 'md';
-        this.checked = false;
-        this.disabled = false;
-        this.response = new EventEmitter();
-        this.isSwitchActive = false;
-    }
-    ngAfterViewInit() {
-        this.isSwitchActive = this.checked;
-    }
-    ngOnChanges(changes) {
-        if (changes['checked']) {
-            this.isSwitchActive = changes['checked'].currentValue;
-        }
-    }
-    toggleSwitch() {
-        if (!this.disabled) {
-            this.isSwitchActive = !this.isSwitchActive;
-            this.response.emit(this.isSwitchActive);
-        }
-    }
-    getIconSizeClass(size) {
-        switch (size) {
-            case "sm":
-                return 'sm-12';
-            case "md":
-                return 'md-16';
-        }
-    }
-    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\" [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\" [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: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], icons: [{
-                type: Input
-            }], labels: [{
-                type: Input
-            }], response: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXN3aXRjaC9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3dpdGNoL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7OztBQU85RyxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBT2tCLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBQ3pCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUl6QixhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0QsbUJBQWMsR0FBWSxLQUFLLENBQUM7S0E0QnhDO0lBMUJDLGVBQWU7UUFDYixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDckMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxZQUFZLENBQUM7U0FDdkQ7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsSUFBaUI7UUFDdkMsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUk7Z0JBQ1AsT0FBTyxPQUFPLENBQUM7WUFDakIsS0FBSyxJQUFJO2dCQUNQLE9BQU8sT0FBTyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQzsrR0FwQ1Usc0JBQXNCO21HQUF0QixzQkFBc0IsOE9DUG5DLG81QkFnQkE7OzRGRFRhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS1YsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7Z0JBRVcsUUFBUTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktc3dpdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5U3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdtZCcgfCAnc20nID0gJ21kJztcbiAgQElucHV0KCkgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uczogeyBvbj86IHN0cmluZzsgb2ZmPzogc3RyaW5nOyB9O1xuICBASW5wdXQoKSBwdWJsaWMgbGFiZWxzOiB7IGxlZnQ/OiBzdHJpbmc7IHJpZ2h0Pzogc3RyaW5nOyB9O1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgcmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgaXNTd2l0Y2hBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5pc1N3aXRjaEFjdGl2ZSA9IHRoaXMuY2hlY2tlZDtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1snY2hlY2tlZCddKSB7XG4gICAgICB0aGlzLmlzU3dpdGNoQWN0aXZlID0gY2hhbmdlc1snY2hlY2tlZCddLmN1cnJlbnRWYWx1ZTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlU3dpdGNoKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc1N3aXRjaEFjdGl2ZSA9ICF0aGlzLmlzU3dpdGNoQWN0aXZlO1xuICAgICAgdGhpcy5yZXNwb25zZS5lbWl0KHRoaXMuaXNTd2l0Y2hBY3RpdmUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXRJY29uU2l6ZUNsYXNzKHNpemU6ICdtZCcgfCAnc20nKSB7XG4gICAgc3dpdGNoIChzaXplKSB7XG4gICAgICBjYXNlIFwic21cIjpcbiAgICAgICAgcmV0dXJuICdzbS0xMic7XG4gICAgICBjYXNlIFwibWRcIjpcbiAgICAgICAgcmV0dXJuICdtZC0xNic7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXN3aXRjaCBzaXplLXt7c2l6ZX19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2F0dHIuZGF0YS1jeV09XCJjeXByZXNzVGFnID8gJ3N3aXRjaF8nICsgY3lwcmVzc1RhZyA6IG51bGxcIj5cbiAgPHNwYW4gY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIiAqbmdJZj1cImxhYmVscz8ubGVmdFwiPnt7IGxhYmVscy5sZWZ0IH19PC9zcGFuPlxuICA8ZGl2IGNsYXNzPVwic3dpdGNoIFwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJ0b2dnbGVTd2l0Y2goKVwiPlxuICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbY2hlY2tlZF09XCJpc1N3aXRjaEFjdGl2ZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImljb24tY29udGFpbmVyXCIgW25nQ2xhc3NdPVwiZGlzYWJsZWQgPyAnJyA6ICdlbGV2YXRpb24teHMnXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiaWNvbnMgJiYgaWNvbnMub24gJiYgaWNvbnMub2ZmXCJcbiAgICAgICAgICAgICAgW2ljb25TaXplXT1cImdldEljb25TaXplQ2xhc3Moc2l6ZSlcIlxuICAgICAgICAgICAgICBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1zd2l0Y2gtaWNvbi1jb2xvciknXCJcbiAgICAgICAgICAgICAgW2ljb25OYW1lXT1cImRpc2FibGVkIHx8IGlzU3dpdGNoQWN0aXZlID8gaWNvbnMub24gOiBpY29ucy5vZmZcIiA+XG4gICAgICAgICAgICA8L2dyYXZpdHktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8c3BhbiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiICpuZ0lmPVwibGFiZWxzPy5yaWdodFwiPnt7IGxhYmVscy5yaWdodCB9fTwvc3Bhbj5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/gravity-tab-primary/gravity-tab-primary.component.mjs

@@ -1,34 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../gravity-icon/gravity-icon.component";
-export class GravityTabPrimaryComponent {
-    constructor() {
-        this.selected = 0;
-        this.size = 'sm';
-        this.paddingClass = 'gravity-padding-left-none';
-        this.tabs = [];
-        this.pressed = new EventEmitter();
-    }
-    setActiveTab(index) {
-        this.selected = index;
-        this.pressed.emit(index);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabPrimaryComponent, selector: "gravity-tab-primary", inputs: { selected: "selected", size: "size", paddingClass: "paddingClass", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-primary\">\n    <div class=\"tabs-container\">\n        <div class=\"below-line {{paddingClass}}\"></div>\n        <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n             [attr.data-cy]=\"tab.cypressTag ? 'tabPrimary_' + tab.cypressTag : null\" (click)=\"setActiveTab(i)\">\n            <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--text-highlight-primary)'\" [size]=\"'md'\"\n                          [iconName]=\"tab.icon\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n            </gravity-icon>\n            <p class=\"hr-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n        </div>\n        <div class=\"bottom-line\"></div>\n    </div>\n</div>\n\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}.gravity-tab-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}.gravity-tab-primary .tabs-container .below-line{border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\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: "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: GravityTabPrimaryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gravity-tab-primary', template: "<div class=\"gravity-tab-primary\">\n    <div class=\"tabs-container\">\n        <div class=\"below-line {{paddingClass}}\"></div>\n        <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n             [attr.data-cy]=\"tab.cypressTag ? 'tabPrimary_' + tab.cypressTag : null\" (click)=\"setActiveTab(i)\">\n            <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--text-highlight-primary)'\" [size]=\"'md'\"\n                          [iconName]=\"tab.icon\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n            </gravity-icon>\n            <p class=\"hr-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n        </div>\n        <div class=\"bottom-line\"></div>\n    </div>\n</div>\n\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}.gravity-tab-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}.gravity-tab-primary .tabs-container .below-line{border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\n"] }]
-        }], propDecorators: { selected: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], paddingClass: [{
-                type: Input
-            }], tabs: [{
-                type: Input
-            }], pressed: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS10YWItcHJpbWFyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdGFiLXByaW1hcnkvZ3Jhdml0eS10YWItcHJpbWFyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdGFiLXByaW1hcnkvZ3Jhdml0eS10YWItcHJpbWFyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3JFLE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFNVyxhQUFRLEdBQVcsQ0FBQyxDQUFDO1FBQ3JCLFNBQUksR0FBdUIsSUFBSSxDQUFDO1FBQ2hDLGlCQUFZLEdBQVcsMkJBQTJCLENBQUM7UUFDbkQsU0FBSSxHQUEyRCxFQUFFLENBQUM7UUFFakUsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FNaEQ7SUFKUSxZQUFZLENBQUMsS0FBYTtRQUMvQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDOytHQVhVLDBCQUEwQjttR0FBMUIsMEJBQTBCLHdMQ1B2QywreEJBY0E7OzRGRFBhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBS3RCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS10YWItcHJpbWFyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LXRhYi1wcmltYXJ5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS10YWItcHJpbWFyeS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlUYWJQcmltYXJ5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VsZWN0ZWQ6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyA9ICdzbSc7XG4gIEBJbnB1dCgpIHBhZGRpbmdDbGFzczogc3RyaW5nID0gJ2dyYXZpdHktcGFkZGluZy1sZWZ0LW5vbmUnO1xuICBASW5wdXQoKSB0YWJzOiB7IHRpdGxlOiBzdHJpbmcsIGljb24/OiBzdHJpbmcsIGN5cHJlc3NUYWc/OiBzdHJpbmd9W10gPSBbXTtcblxuICBAT3V0cHV0KCkgcHJlc3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIHB1YmxpYyBzZXRBY3RpdmVUYWIoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWQgPSBpbmRleDtcbiAgICB0aGlzLnByZXNzZWQuZW1pdChpbmRleCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXRhYi1wcmltYXJ5XCI+XG4gICAgPGRpdiBjbGFzcz1cInRhYnMtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJiZWxvdy1saW5lIHt7cGFkZGluZ0NsYXNzfX1cIj48L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYiB7e3NpemV9fVwiICpuZ0Zvcj1cImxldCB0YWIgb2YgdGFiczsgbGV0IGkgPSBpbmRleFwiIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZCA9PT0gaVwiXG4gICAgICAgICAgICAgW2F0dHIuZGF0YS1jeV09XCJ0YWIuY3lwcmVzc1RhZyA/ICd0YWJQcmltYXJ5XycgKyB0YWIuY3lwcmVzc1RhZyA6IG51bGxcIiAoY2xpY2spPVwic2V0QWN0aXZlVGFiKGkpXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwidGFiLmljb25cIiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS10ZXh0LWhpZ2hsaWdodC1wcmltYXJ5KSdcIiBbc2l6ZV09XCInbWQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cInRhYi5pY29uXCIgW2ljb25TaXplXT1cIidtZC0xNidcIiBjbGFzcz1cImljb24tbGVmdFwiPlxuICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImhyLWxhYmVsXCIgW25nQ2xhc3NdPVwic2VsZWN0ZWQgPT09IGkgPyAnc20tYm9sZCcgOiAnc20tcmVndWxhcidcIj57e3RhYi50aXRsZX19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbS1saW5lXCI+PC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuIl19