@progressio_resources/gravity-design-system 3.3.0 → 3.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/gravity-currency/gravity-currency.component.mjs +2 -2
- package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +76 -16
- package/esm2022/lib/components/gravity-navigation-card/gravity-navigation-card.component.mjs +13 -9
- package/esm2022/lib/components/gravity-segmented-button/gravity-segmented-button.component.mjs +3 -3
- package/esm2022/lib/components/gravity-switch/gravity-switch.component.mjs +10 -8
- package/fesm2022/progressio_resources-gravity-design-system.mjs +100 -34
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.d.ts +4 -1
- package/lib/components/gravity-navigation-card/gravity-navigation-card.component.d.ts +10 -5
- package/lib/components/gravity-switch/gravity-switch.component.d.ts +8 -4
- package/package.json +1 -1
- package/src/lib/styles/foundations/colors/themes/_hero.theme.scss +4 -0
- package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss +6 -0
package/esm2022/lib/components/gravity-navigation-card/gravity-navigation-card.component.mjs
CHANGED
|
@@ -7,27 +7,33 @@ export class GravityNavigationCardComponent {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
this.size = 'sm';
|
|
9
9
|
this.state = 'active';
|
|
10
|
-
this.statusIndicator = 'neutro';
|
|
11
10
|
this.fullWidth = false;
|
|
12
11
|
this.navigatorCardClicked = new EventEmitter();
|
|
12
|
+
this.isPressed = false;
|
|
13
13
|
}
|
|
14
14
|
onNavigationCardClick() {
|
|
15
15
|
if (this.state != 'readonly') {
|
|
16
16
|
this.navigatorCardClicked.emit();
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
+
onPress() {
|
|
20
|
+
if (this.state !== 'readonly') {
|
|
21
|
+
this.isPressed = true;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
onRelease() {
|
|
25
|
+
this.isPressed = false;
|
|
26
|
+
}
|
|
19
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNavigationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNavigationCardComponent, selector: "gravity-navigation-card", inputs: { size: "size", state: "state", statusIndicator: "statusIndicator", title: "title", iconName: "iconName", actionText: "actionText", description: "description", fullWidth: "fullWidth", statusIndicatorText: "statusIndicatorText", statusIndicatorIcon: "statusIndicatorIcon" }, outputs: { navigatorCardClicked: "navigatorCardClicked" }, ngImport: i0, template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'md'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'md-16'\">\n </gravity-icon>\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}:root{--gravity-spacing-none: 0;--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}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-xxs)}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;height:176px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\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"] }, { kind: "component", type: i3.GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }] }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNavigationCardComponent, selector: "gravity-navigation-card", inputs: { size: "size", state: "state", title: "title", iconName: "iconName", actionText: "actionText", description: "description", fullWidth: "fullWidth", statusIndicator: "statusIndicator" }, outputs: { navigatorCardClicked: "navigatorCardClicked" }, ngImport: i0, template: "<div class=\"gravity-navigation-card {{size}} {{isPressed ? 'pressed' : state}}\" (mousedown)=\"onPress()\" (mouseup)=\"onRelease()\" (mouseleave)=\"onRelease()\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"statusIndicator\" [status]=\"statusIndicator.status \" [text]=\"statusIndicator.text\" [icon]=\"statusIndicator.icon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"state != 'readonly'\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'md-16'\">\n </gravity-icon>\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}:root{--gravity-spacing-none: 0;--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}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-xxs)}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content h1,.gravity-navigation-card.readonly .information-content .text-content p{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\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"] }, { kind: "component", type: i3.GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }] }); }
|
|
21
29
|
}
|
|
22
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNavigationCardComponent, decorators: [{
|
|
23
31
|
type: Component,
|
|
24
|
-
args: [{ selector: 'gravity-navigation-card', template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'md'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'md-16'\">\n </gravity-icon>\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}:root{--gravity-spacing-none: 0;--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}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-xxs)}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;height:176px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"] }]
|
|
32
|
+
args: [{ selector: 'gravity-navigation-card', template: "<div class=\"gravity-navigation-card {{size}} {{isPressed ? 'pressed' : state}}\" (mousedown)=\"onPress()\" (mouseup)=\"onRelease()\" (mouseleave)=\"onRelease()\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"statusIndicator\" [status]=\"statusIndicator.status \" [text]=\"statusIndicator.text\" [icon]=\"statusIndicator.icon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"state != 'readonly'\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'md-16'\">\n </gravity-icon>\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}:root{--gravity-spacing-none: 0;--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}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-xxs)}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content h1,.gravity-navigation-card.readonly .information-content .text-content p{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"] }]
|
|
25
33
|
}], propDecorators: { size: [{
|
|
26
34
|
type: Input
|
|
27
35
|
}], state: [{
|
|
28
36
|
type: Input
|
|
29
|
-
}], statusIndicator: [{
|
|
30
|
-
type: Input
|
|
31
37
|
}], title: [{
|
|
32
38
|
type: Input
|
|
33
39
|
}], iconName: [{
|
|
@@ -38,11 +44,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
38
44
|
type: Input
|
|
39
45
|
}], fullWidth: [{
|
|
40
46
|
type: Input
|
|
41
|
-
}],
|
|
42
|
-
type: Input
|
|
43
|
-
}], statusIndicatorIcon: [{
|
|
47
|
+
}], statusIndicator: [{
|
|
44
48
|
type: Input
|
|
45
49
|
}], navigatorCardClicked: [{
|
|
46
50
|
type: Output
|
|
47
51
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1uYXZpZ2F0aW9uLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LW5hdmlnYXRpb24tY2FyZC9ncmF2aXR5LW5hdmlnYXRpb24tY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbmF2aWdhdGlvbi1jYXJkL2dyYXZpdHktbmF2aWdhdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3JFLE1BQU0sT0FBTyw4QkFBOEI7SUFMM0M7UUFNa0IsU0FBSSxHQUFnQixJQUFJLENBQUM7UUFDekIsVUFBSyxHQUEwQixRQUFRLENBQUM7UUFNeEMsY0FBUyxHQUFZLEtBQUssQ0FBQztRQU9qQyx5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRW5ELGNBQVMsR0FBWSxLQUFLLENBQUM7S0FpQm5DO0lBZlEscUJBQXFCO1FBQzFCLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxVQUFVLEVBQUU7WUFDNUIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQztJQUVNLE9BQU87UUFDWixJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssVUFBVSxFQUFFO1lBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVNLFNBQVM7UUFDZCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDOytHQWpDVSw4QkFBOEI7bUdBQTlCLDhCQUE4Qiw0VENQM0MsMndDQW9CQTs7NEZEYmEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFLbkIsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUVVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxlQUFlO3NCQUE5QixLQUFLO2dCQU1JLG9CQUFvQjtzQkFBN0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LW5hdmlnYXRpb24tY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LW5hdmlnYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktbmF2aWdhdGlvbi1jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eU5hdmlnYXRpb25DYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdzbScgfCAnbWQnID0gJ3NtJztcbiAgQElucHV0KCkgcHVibGljIHN0YXRlOiAnYWN0aXZlJyB8ICdyZWFkb25seScgPSAnYWN0aXZlJztcblxuICBASW5wdXQoKSBwdWJsaWMgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25OYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBhY3Rpb25UZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgZnVsbFdpZHRoOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXNJbmRpY2F0b3I6IHtcbiAgICBzdGF0dXM6ICdwb3NpdGl2ZScgfCdwb3NpdGl2ZS1zZWNvbmRhcnknIHwgJ25lZ2F0aXZlJyB8ICduZWdhdGl2ZS1zZWNvbmRhcnknIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyB8ICdkaXNhYmxlZCcsXG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGljb246IHN0cmluZyB8IG51bGxcbiAgfTtcblxuICBAT3V0cHV0KCkgbmF2aWdhdG9yQ2FyZENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgcHVibGljIGlzUHJlc3NlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHB1YmxpYyBvbk5hdmlnYXRpb25DYXJkQ2xpY2soKSB7XG4gICAgaWYgKHRoaXMuc3RhdGUgIT0gJ3JlYWRvbmx5Jykge1xuICAgICAgdGhpcy5uYXZpZ2F0b3JDYXJkQ2xpY2tlZC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG9uUHJlc3MoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3RhdGUgIT09ICdyZWFkb25seScpIHtcbiAgICAgIHRoaXMuaXNQcmVzc2VkID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb25SZWxlYXNlKCk6IHZvaWQge1xuICAgIHRoaXMuaXNQcmVzc2VkID0gZmFsc2U7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LW5hdmlnYXRpb24tY2FyZCB7e3NpemV9fSB7e2lzUHJlc3NlZCA/ICdwcmVzc2VkJyA6IHN0YXRlfX1cIiAobW91c2Vkb3duKT1cIm9uUHJlc3MoKVwiIChtb3VzZXVwKT1cIm9uUmVsZWFzZSgpXCIgKG1vdXNlbGVhdmUpPVwib25SZWxlYXNlKClcIiAgW2NsYXNzLmZ1bGwtd2lkdGhdPVwiZnVsbFdpZHRoXCIgKGNsaWNrKT1cIm9uTmF2aWdhdGlvbkNhcmRDbGljaygpXCI+XG4gICAgPGRpdiBjbGFzcz1cImluZm9ybWF0aW9uLWNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImljb25OYW1lICYmIGljb25OYW1lICE9PSAnJ1wiIGNsYXNzPVwiaWNvbi13cmFwcGVyXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLW5hdmlnYXRpb24tY2FyZC1pY29uLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIiBbc2l6ZV09XCInbGcnXCIgW2ljb25TaXplXT1cIidsZy0yNCdcIj5cbiAgICAgICAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtY29udGVudFwiPlxuICAgICAgICAgICAgPGgxIGNsYXNzPVwiaHItdGl0bGUgbWQtYm9sZFwiPnt7dGl0bGV9fTwvaDE+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImhyLWJvZHkgbWQtcmVndWxhclwiPnt7ZGVzY3JpcHRpb259fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImFjdGlvbi1zZWN0aW9uXCI+XG4gICAgICAgIDxncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IgKm5nSWY9XCJzdGF0dXNJbmRpY2F0b3JcIiBbc3RhdHVzXT1cInN0YXR1c0luZGljYXRvci5zdGF0dXMgXCIgW3RleHRdPVwic3RhdHVzSW5kaWNhdG9yLnRleHRcIiBbaWNvbl09XCJzdGF0dXNJbmRpY2F0b3IuaWNvblwiPjwvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yPlxuICAgICAgICA8cCBjbGFzcz1cImhyLWJvZHkgbWQtcmVndWxhclwiPnt7YWN0aW9uVGV4dH19PC9wPlxuICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwic3RhdGUgIT0gJ3JlYWRvbmx5J1wiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLXRleHQtcHJpbWFyeSknXCJcbiAgICAgICAgICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwiJ2Fycm93LXJpZ2h0J1wiIFtzaXplXT1cIidzbSdcIiBbaWNvblNpemVdPVwiJ21kLTE2J1wiPlxuICAgICAgICA8L2dyYXZpdHktaWNvbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
package/esm2022/lib/components/gravity-segmented-button/gravity-segmented-button.component.mjs
CHANGED
|
@@ -57,11 +57,11 @@ export class GravitySegmentedButtonComponent {
|
|
|
57
57
|
return this.sliderStyle;
|
|
58
58
|
}
|
|
59
59
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySegmentedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
60
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySegmentedButtonComponent, selector: "gravity-segmented-button", inputs: { size: "size", buttons: "buttons" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "buttonElements", predicate: ["segmentedButton"], descendants: true }], ngImport: i0, template: "<div class=\"gravity-segmented-button-container {{size}}\">\n <div class=\"selected-background\" [ngStyle]=\"getSliderStyle()\"></div>\n\n <div *ngFor=\"let button of buttons\" #segmentedButton\n class=\"segmented-button\" [ngClass]=\"getState(button)\" (click)=\"onSelect(button)\">\n <div *ngIf=\"button.icon\">\n <gravity-icon [style.--icon-color]=\"'var(--segmented-button-color)'\"\n [iconSize]=\"'sm-12'\" [size]=\"'sm'\" [iconName]=\"button.icon\"></gravity-icon>\n </div>\n <span [ngClass]=\"'hr-label ' + size + '-bold'\"> {{button.text}} </span>\n </div>\n</div>\n", styles: [":root{--gravity-spacing-none: 0;--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(--shadow-primary);background:var(--on-bg-switch-disabled-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"] }] }); }
|
|
60
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySegmentedButtonComponent, selector: "gravity-segmented-button", inputs: { size: "size", buttons: "buttons" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "buttonElements", predicate: ["segmentedButton"], descendants: true }], ngImport: i0, template: "<div class=\"gravity-segmented-button-container {{size}}\">\n <div class=\"selected-background\" [ngStyle]=\"getSliderStyle()\"></div>\n\n <div *ngFor=\"let button of buttons\" #segmentedButton\n class=\"segmented-button\" [ngClass]=\"getState(button)\" (click)=\"onSelect(button)\">\n <div *ngIf=\"button.icon\">\n <gravity-icon [style.--icon-color]=\"'var(--segmented-button-color)'\"\n [iconSize]=\"'sm-12'\" [size]=\"'sm'\" [iconName]=\"button.icon\"></gravity-icon>\n </div>\n <span [ngClass]=\"'hr-label ' + size + (getState(button) === 'selected' ? '-bold' : '-regular')\"> {{button.text}} </span>\n </div>\n</div>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-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"] }] }); }
|
|
61
61
|
}
|
|
62
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySegmentedButtonComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
64
|
-
args: [{ selector: 'gravity-segmented-button', template: "<div class=\"gravity-segmented-button-container {{size}}\">\n <div class=\"selected-background\" [ngStyle]=\"getSliderStyle()\"></div>\n\n <div *ngFor=\"let button of buttons\" #segmentedButton\n class=\"segmented-button\" [ngClass]=\"getState(button)\" (click)=\"onSelect(button)\">\n <div *ngIf=\"button.icon\">\n <gravity-icon [style.--icon-color]=\"'var(--segmented-button-color)'\"\n [iconSize]=\"'sm-12'\" [size]=\"'sm'\" [iconName]=\"button.icon\"></gravity-icon>\n </div>\n <span [ngClass]=\"'hr-label ' + size + '-bold'\"> {{button.text}} </span>\n </div>\n</div>\n", styles: [":root{--gravity-spacing-none: 0;--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(--shadow-primary);background:var(--on-bg-switch-disabled-primary)}\n"] }]
|
|
64
|
+
args: [{ selector: 'gravity-segmented-button', template: "<div class=\"gravity-segmented-button-container {{size}}\">\n <div class=\"selected-background\" [ngStyle]=\"getSliderStyle()\"></div>\n\n <div *ngFor=\"let button of buttons\" #segmentedButton\n class=\"segmented-button\" [ngClass]=\"getState(button)\" (click)=\"onSelect(button)\">\n <div *ngIf=\"button.icon\">\n <gravity-icon [style.--icon-color]=\"'var(--segmented-button-color)'\"\n [iconSize]=\"'sm-12'\" [size]=\"'sm'\" [iconName]=\"button.icon\"></gravity-icon>\n </div>\n <span [ngClass]=\"'hr-label ' + size + (getState(button) === 'selected' ? '-bold' : '-regular')\"> {{button.text}} </span>\n </div>\n</div>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-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"] }]
|
|
65
65
|
}], propDecorators: { size: [{
|
|
66
66
|
type: Input
|
|
67
67
|
}], buttons: [{
|
|
@@ -72,4 +72,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
72
72
|
type: ViewChildren,
|
|
73
73
|
args: ['segmentedButton']
|
|
74
74
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi9ncmF2aXR5LXNlZ21lbnRlZC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFnQixTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWEsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pJLE1BQU0sT0FBTywrQkFBK0I7SUFMNUM7UUFNVyxTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixZQUFPLEdBQXNCLEVBQUUsQ0FBQztRQUMvQixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUl6QyxnQkFBVyxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUM7S0F1RHBEO0lBckRDLFFBQVE7UUFDTixLQUFLLE1BQU0sTUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxNQUFNLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxLQUFLLEtBQUssRUFBRSxDQUFDLENBQUM7WUFDaEYsSUFBSSxZQUFZLEVBQUU7Z0JBQ2hCLE1BQU0sQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDO2dCQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7Z0JBQ2xDLE1BQU07YUFDUDtTQUNGO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVNLFFBQVEsQ0FBQyxNQUF1QjtRQUNyQyxJQUFJLE1BQU0sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxNQUFNLENBQUMsS0FBSztZQUFFLE9BQU87UUFFbkUsSUFBSSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sa0JBQWtCO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFO2dCQUNwQixNQUFNLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUM7YUFDaEY7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxRQUFRLENBQUMsTUFBdUI7UUFDckMsT0FBTyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7SUFDckQsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzFFLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQztZQUFFLE9BQU87UUFFekIsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsYUFBYSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxhQUFhO1lBQUUsT0FBTztRQUUzQixNQUFNLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLEdBQUcsYUFBYSxDQUFDO1FBQy9ELElBQUksQ0FBQyxXQUFXLEdBQUc7WUFDakIsSUFBSSxFQUFFLEdBQUcsSUFBSSxJQUFJO1lBQ2pCLEtBQUssRUFBRSxHQUFHLEtBQUssSUFBSTtTQUNwQixDQUFDO0lBQ0osQ0FBQztJQUVNLGNBQWM7UUFDbkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7K0dBN0RVLCtCQUErQjttR0FBL0IsK0JBQStCLHVQQ1I1QywyckJBWUE7OzRGREphLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwwQkFBMEI7OEJBSzNCLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDMEIsY0FBYztzQkFBOUMsWUFBWTt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTZWdtZW50ZWRCdXR0b24gfSBmcm9tICcuL3NlZ21lbnRlZC1idXR0b24ubW9kZWwnO1xuaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBRdWVyeUxpc3QsIFZpZXdDaGlsZHJlbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LXNlZ21lbnRlZC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LXNlZ21lbnRlZC1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5U2VnbWVudGVkQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBidXR0b25zOiBTZWdtZW50ZWRCdXR0b25bXSA9IFtdO1xuICBAT3V0cHV0KCkgc2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQFZpZXdDaGlsZHJlbignc2VnbWVudGVkQnV0dG9uJykgYnV0dG9uRWxlbWVudHMhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+O1xuXG4gIHB1YmxpYyBzZWxlY3RlZFZhbHVlOiBzdHJpbmc7XG4gIHB1YmxpYyBzbGlkZXJTdHlsZSA9IHsgbGVmdDogJzBweCcsIHdpZHRoOiAnMHB4JyB9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGZvciAoY29uc3QgYnV0dG9uIG9mIHRoaXMuYnV0dG9ucykge1xuICAgICAgY29uc3QgaXNTZWxlY3RhYmxlID0gIWJ1dHRvbi5kaXNhYmxlZCAmJiAoIWJ1dHRvbi5zdGF0ZSB8fCBidXR0b24uc3RhdGUgPT09ICcnKTtcbiAgICAgIGlmIChpc1NlbGVjdGFibGUpIHtcbiAgICAgICAgYnV0dG9uLnN0YXRlID0gJ3NlbGVjdGVkJztcbiAgICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gYnV0dG9uLnZhbHVlO1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnVwZGF0ZVNsaWRlclN0eWxlKCksIDApO1xuICB9XG5cbiAgcHVibGljIG9uU2VsZWN0KGJ1dHRvbjogU2VnbWVudGVkQnV0dG9uKTogdm9pZCB7XG4gICAgaWYgKGJ1dHRvbi5kaXNhYmxlZCB8fCB0aGlzLnNlbGVjdGVkVmFsdWUgPT09IGJ1dHRvbi52YWx1ZSkgcmV0dXJuO1xuXG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gYnV0dG9uLnZhbHVlO1xuICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChidXR0b24udmFsdWUpO1xuICAgIHRoaXMudXBkYXRlQnV0dG9uU3RhdGVzKCk7XG4gICAgdGhpcy51cGRhdGVTbGlkZXJTdHlsZSgpO1xuICB9XG5cbiAgcHVibGljIHVwZGF0ZUJ1dHRvblN0YXRlcygpOiB2b2lkIHtcbiAgICB0aGlzLmJ1dHRvbnMuZm9yRWFjaChidXR0b24gPT4ge1xuICAgICAgaWYgKCFidXR0b24uZGlzYWJsZWQpIHtcbiAgICAgICAgYnV0dG9uLnN0YXRlID0gYnV0dG9uLnZhbHVlID09PSB0aGlzLnNlbGVjdGVkVmFsdWUgPyAnc2VsZWN0ZWQnIDogJ3Vuc2VsZWN0ZWQnO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIGdldFN0YXRlKGJ1dHRvbjogU2VnbWVudGVkQnV0dG9uKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYnV0dG9uLmRpc2FibGVkID8gJ2Rpc2FibGVkJyA6IGJ1dHRvbi5zdGF0ZTtcbiAgfVxuXG4gIHB1YmxpYyB1cGRhdGVTbGlkZXJTdHlsZSgpOiB2b2lkIHtcbiAgICBjb25zdCBpbmRleCA9IHRoaXMuYnV0dG9ucy5maW5kSW5kZXgoYiA9PiBiLnZhbHVlID09PSB0aGlzLnNlbGVjdGVkVmFsdWUpO1xuICAgIGlmIChpbmRleCA9PT0gLTEpIHJldHVybjtcblxuICAgIGNvbnN0IGJ1dHRvbkVsZW1lbnQgPSB0aGlzLmJ1dHRvbkVsZW1lbnRzLmdldChpbmRleCk/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKCFidXR0b25FbGVtZW50KSByZXR1cm47XG5cbiAgICBjb25zdCB7IG9mZnNldExlZnQ6IGxlZnQsIG9mZnNldFdpZHRoOiB3aWR0aCB9ID0gYnV0dG9uRWxlbWVudDtcbiAgICB0aGlzLnNsaWRlclN0eWxlID0ge1xuICAgICAgbGVmdDogYCR7bGVmdH1weGAsXG4gICAgICB3aWR0aDogYCR7d2lkdGh9cHhgXG4gICAgfTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRTbGlkZXJTdHlsZSgpOiB7IGxlZnQ6IHN0cmluZzsgd2lkdGg6IHN0cmluZyB9IHtcbiAgICByZXR1cm4gdGhpcy5zbGlkZXJTdHlsZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi1jb250YWluZXIge3tzaXplfX1cIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0ZWQtYmFja2dyb3VuZFwiIFtuZ1N0eWxlXT1cImdldFNsaWRlclN0eWxlKClcIj48L2Rpdj5cblxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBidXR0b25zXCIgI3NlZ21lbnRlZEJ1dHRvblxuICAgICAgICAgY2xhc3M9XCJzZWdtZW50ZWQtYnV0dG9uXCIgW25nQ2xhc3NdPVwiZ2V0U3RhdGUoYnV0dG9uKVwiIChjbGljayk9XCJvblNlbGVjdChidXR0b24pXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJidXR0b24uaWNvblwiPlxuICAgICAgICAgICAgPGdyYXZpdHktaWNvbiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1zZWdtZW50ZWQtYnV0dG9uLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiIFtzaXplXT1cIidzbSdcIiBbaWNvbk5hbWVdPVwiYnV0dG9uLmljb25cIj48L2dyYXZpdHktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cIidoci1sYWJlbCAnICsgc2l6ZSArIChnZXRTdGF0ZShidXR0b24pID09PSAnc2VsZWN0ZWQnID8gJy1ib2xkJyA6ICctcmVndWxhcicpXCI+IHt7YnV0dG9uLnRleHR9fSA8L3NwYW4+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4,9 +4,9 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
import * as i2 from "../gravity-icon/gravity-icon.component";
|
|
5
5
|
export class GravitySwitchComponent {
|
|
6
6
|
constructor() {
|
|
7
|
+
this.size = 'md';
|
|
7
8
|
this.checked = false;
|
|
8
9
|
this.disabled = false;
|
|
9
|
-
this.size = 'md';
|
|
10
10
|
this.response = new EventEmitter();
|
|
11
11
|
this.isSwitchActive = false;
|
|
12
12
|
}
|
|
@@ -33,22 +33,24 @@ export class GravitySwitchComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySwitchComponent, selector: "gravity-switch", inputs: {
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySwitchComponent, selector: "gravity-switch", inputs: { cypressTag: "cypressTag", size: "size", checked: "checked", disabled: "disabled", icons: "icons", labels: "labels" }, outputs: { response: "response" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\">\n <span class=\"hr-body sm-regular\" *ngIf=\"labels?.left\">{{ labels.left }}</span>\n <div [attr.data-cy]=\"cypressTag\" class=\"switch \" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n <div class=\"slider\">\n <div class=\"icon-container\" [ngClass]=\"disabled ? '' : 'elevation-xs'\">\n <gravity-icon *ngIf=\"icons && icons.on && icons.off\"\n [iconSize]=\"getIconSizeClass(size)\"\n [style.--icon-color]=\"'var(--switch-icon-color)'\"\n [iconName]=\"disabled || isSwitchActive ? icons.on : icons.off\" >\n </gravity-icon>\n </div>\n </div>\n </div>\n <span class=\"hr-body sm-regular\" *ngIf=\"labels?.right\">{{ labels.right }}</span>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider .icon-container{display:flex;position:absolute;align-items:center;justify-content:center;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider .icon-container{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider .icon-container{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider .icon-container{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1.5px;--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"] }] }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySwitchComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'gravity-switch', template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\">\n <span class=\"hr-body sm-regular\" *ngIf=\"
|
|
41
|
-
}], propDecorators: {
|
|
40
|
+
args: [{ selector: 'gravity-switch', template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\">\n <span class=\"hr-body sm-regular\" *ngIf=\"labels?.left\">{{ labels.left }}</span>\n <div [attr.data-cy]=\"cypressTag\" class=\"switch \" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n <div class=\"slider\">\n <div class=\"icon-container\" [ngClass]=\"disabled ? '' : 'elevation-xs'\">\n <gravity-icon *ngIf=\"icons && icons.on && icons.off\"\n [iconSize]=\"getIconSizeClass(size)\"\n [style.--icon-color]=\"'var(--switch-icon-color)'\"\n [iconName]=\"disabled || isSwitchActive ? icons.on : icons.off\" >\n </gravity-icon>\n </div>\n </div>\n </div>\n <span class=\"hr-body sm-regular\" *ngIf=\"labels?.right\">{{ labels.right }}</span>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider .icon-container{display:flex;position:absolute;align-items:center;justify-content:center;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider .icon-container{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider .icon-container{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider .icon-container{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1.5px;--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"] }]
|
|
41
|
+
}], propDecorators: { cypressTag: [{
|
|
42
42
|
type: Input
|
|
43
|
-
}],
|
|
43
|
+
}], size: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], checked: [{
|
|
44
46
|
type: Input
|
|
45
47
|
}], disabled: [{
|
|
46
48
|
type: Input
|
|
47
|
-
}],
|
|
49
|
+
}], icons: [{
|
|
48
50
|
type: Input
|
|
49
|
-
}],
|
|
51
|
+
}], labels: [{
|
|
50
52
|
type: Input
|
|
51
53
|
}], response: [{
|
|
52
54
|
type: Output
|
|
53
55
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXN3aXRjaC9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3dpdGNoL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7OztBQU85RyxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBT2tCLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBQ3pCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUl6QixhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0QsbUJBQWMsR0FBWSxLQUFLLENBQUM7S0E0QnhDO0lBMUJDLGVBQWU7UUFDYixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDckMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxZQUFZLENBQUM7U0FDdkQ7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsSUFBaUI7UUFDdkMsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUk7Z0JBQ1AsT0FBTyxPQUFPLENBQUM7WUFDakIsS0FBSyxJQUFJO2dCQUNQLE9BQU8sT0FBTyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQzsrR0FwQ1Usc0JBQXNCO21HQUF0QixzQkFBc0IsOE9DUG5DLG8zQkFnQkE7OzRGRFRhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS1YsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7Z0JBRVcsUUFBUTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktc3dpdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5U3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdtZCcgfCAnc20nID0gJ21kJztcbiAgQElucHV0KCkgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uczogeyBvbj86IHN0cmluZzsgb2ZmPzogc3RyaW5nOyB9O1xuICBASW5wdXQoKSBwdWJsaWMgbGFiZWxzOiB7IGxlZnQ/OiBzdHJpbmc7IHJpZ2h0Pzogc3RyaW5nOyB9O1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgcmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgaXNTd2l0Y2hBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5pc1N3aXRjaEFjdGl2ZSA9IHRoaXMuY2hlY2tlZDtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1snY2hlY2tlZCddKSB7XG4gICAgICB0aGlzLmlzU3dpdGNoQWN0aXZlID0gY2hhbmdlc1snY2hlY2tlZCddLmN1cnJlbnRWYWx1ZTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlU3dpdGNoKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc1N3aXRjaEFjdGl2ZSA9ICF0aGlzLmlzU3dpdGNoQWN0aXZlO1xuICAgICAgdGhpcy5yZXNwb25zZS5lbWl0KHRoaXMuaXNTd2l0Y2hBY3RpdmUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXRJY29uU2l6ZUNsYXNzKHNpemU6ICdtZCcgfCAnc20nKSB7XG4gICAgc3dpdGNoIChzaXplKSB7XG4gICAgICBjYXNlIFwic21cIjpcbiAgICAgICAgcmV0dXJuICdzbS0xMic7XG4gICAgICBjYXNlIFwibWRcIjpcbiAgICAgICAgcmV0dXJuICdtZC0xNic7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXN3aXRjaCBzaXplLXt7c2l6ZX19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gIDxzcGFuIGNsYXNzPVwiaHItYm9keSBzbS1yZWd1bGFyXCIgKm5nSWY9XCJsYWJlbHM/LmxlZnRcIj57eyBsYWJlbHMubGVmdCB9fTwvc3Bhbj5cbiAgPGRpdiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cInN3aXRjaCBcIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoY2xpY2spPVwidG9nZ2xlU3dpdGNoKClcIj5cbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgW2NoZWNrZWRdPVwiaXNTd2l0Y2hBY3RpdmVcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cImRpc2FibGVkID8gJycgOiAnZWxldmF0aW9uLXhzJ1wiPlxuICAgICAgICAgICAgPGdyYXZpdHktaWNvbiAqbmdJZj1cImljb25zICYmIGljb25zLm9uICYmIGljb25zLm9mZlwiXG4gICAgICAgICAgICAgIFtpY29uU2l6ZV09XCJnZXRJY29uU2l6ZUNsYXNzKHNpemUpXCJcbiAgICAgICAgICAgICAgW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tc3dpdGNoLWljb24tY29sb3IpJ1wiXG4gICAgICAgICAgICAgIFtpY29uTmFtZV09XCJkaXNhYmxlZCB8fCBpc1N3aXRjaEFjdGl2ZSA/IGljb25zLm9uIDogaWNvbnMub2ZmXCIgPlxuICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPHNwYW4gY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIiAqbmdJZj1cImxhYmVscz8ucmlnaHRcIj57eyBsYWJlbHMucmlnaHQgfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|