@progressio_resources/gravity-design-system 2.6.32 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/gravity-avatar-stack/gravity-avatar-stack.component.mjs +41 -0
- package/esm2022/lib/components/gravity-button/gravity-button.component.mjs +1 -1
- package/esm2022/lib/components/gravity-calendar/gravity-calendar.component.mjs +1 -1
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-container.component.mjs +2 -2
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-inline-container.component.mjs +2 -2
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-navigation-view/bs-datepicker-navigation-view.component.mjs +1 -1
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-container.component.mjs +2 -2
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-inline-container.component.mjs +2 -2
- package/esm2022/lib/components/gravity-calendar-v2/gravity-calendar-v2.component.mjs +1 -1
- package/esm2022/lib/components/gravity-checkbox/gravity-checkbox.component.mjs +1 -1
- package/esm2022/lib/components/gravity-currency/gravity-currency.component.mjs +26 -0
- package/esm2022/lib/components/gravity-currency-display/gravity-currency-display.component.mjs +28 -0
- package/esm2022/lib/components/gravity-dialog/gravity-dialog.component.mjs +1 -1
- package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +1 -1
- package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs +5 -3
- package/esm2022/lib/components/gravity-icon-button/gravity-icon-button.component.mjs +1 -1
- package/esm2022/lib/components/gravity-multi-language/gravity-multi-language.component.mjs +31 -0
- package/esm2022/lib/components/gravity-network-pill/gravity-network-pill.component.mjs +26 -0
- package/esm2022/lib/components/gravity-notification/gravity-notification.component.mjs +1 -1
- package/esm2022/lib/components/gravity-notification-instant/gravity-notification-instant-container.component.mjs +1 -1
- package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +1 -1
- package/esm2022/lib/components/gravity-stepper/gravity-stepper.component.mjs +1 -1
- package/esm2022/lib/components/gravity-text-field/gravity-text-field.component.mjs +1 -1
- package/esm2022/lib/components/gravity-text-field-number-only/gravity-text-field-number-only.component.mjs +1 -1
- package/esm2022/lib/components/gravity-tree-view/node/node-checkbox/node-checkbox.component.mjs +1 -1
- package/esm2022/lib/components/gravity-tree-view/node/node-toggle/node-toggle.component.mjs +1 -1
- package/esm2022/lib/gravity-design-system.module.mjs +26 -1
- package/esm2022/public-api.mjs +6 -1
- package/fesm2022/progressio_resources-gravity-design-system.mjs +193 -40
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-avatar-stack/gravity-avatar-stack.component.d.ts +17 -0
- package/lib/components/gravity-currency/gravity-currency.component.d.ts +14 -0
- package/lib/components/gravity-currency-display/gravity-currency-display.component.d.ts +16 -0
- package/lib/components/gravity-icon/gravity-icon.component.d.ts +2 -1
- package/lib/components/gravity-multi-language/gravity-multi-language.component.d.ts +12 -0
- package/lib/components/gravity-network-pill/gravity-network-pill.component.d.ts +10 -0
- package/lib/gravity-design-system.module.d.ts +50 -45
- package/package.json +1 -1
- package/public-api.d.ts +5 -0
- package/src/lib/assets/icon-set/coins/gt-icon-ada-currency/gt-icon-ada-currency-disabled.svg +42 -0
- package/src/lib/assets/icon-set/coins/gt-icon-ada-currency/gt-icon-ada-currency.svg +33 -0
- package/src/lib/assets/icon-set/coins/gt-icon-bch-currency/gt-icon-bch-currency-disabled.svg +6 -0
- package/src/lib/assets/icon-set/coins/gt-icon-bch-currency/gt-icon-bch-currency.svg +4 -0
- package/src/lib/assets/icon-set/coins/gt-icon-bnb-currency/gt-icon-bnb-currency-disabled.svg +10 -0
- package/src/lib/assets/icon-set/coins/gt-icon-bnb-currency/gt-icon-bnb-currency.svg +8 -0
- package/src/lib/assets/icon-set/coins/gt-icon-btc-currency/gt-icon-btc-currency-disabled.svg +4 -0
- package/src/lib/assets/icon-set/coins/gt-icon-btc-currency/gt-icon-btc-currency.svg +4 -0
- package/src/lib/assets/icon-set/coins/gt-icon-busd-currency/gt-icon-busd-currency-disabled.svg +7 -0
- package/src/lib/assets/icon-set/coins/gt-icon-busd-currency/gt-icon-busd-currency.svg +7 -0
- package/src/lib/assets/icon-set/coins/gt-icon-eth-currency/gt-icon-eth-currency-disabled.svg +11 -0
- package/src/lib/assets/icon-set/coins/gt-icon-eth-currency/gt-icon-eth-currency.svg +9 -0
- package/src/lib/assets/icon-set/coins/gt-icon-eurc-currency/gt-icon-eurc-currency-disabled.svg +10 -0
- package/src/lib/assets/icon-set/coins/gt-icon-eurc-currency/gt-icon-eurc-currency.svg +25 -0
- package/src/lib/assets/icon-set/coins/gt-icon-ltc-currency/gt-icon-ltc-currency-disabled.svg +4 -0
- package/src/lib/assets/icon-set/coins/gt-icon-ltc-currency/gt-icon-ltc-currency.svg +4 -0
- package/src/lib/assets/icon-set/coins/gt-icon-sol-currency/gt-icon-sol-currency-disabled.svg +11 -0
- package/src/lib/assets/icon-set/coins/gt-icon-sol-currency/gt-icon-sol-currency.svg +10 -0
- package/src/lib/assets/icon-set/coins/gt-icon-trx-currency/gt-icon-trx-currency-disabled.svg +4 -0
- package/src/lib/assets/icon-set/coins/gt-icon-trx-currency/gt-icon-trx-currency.svg +4 -0
- package/src/lib/assets/icon-set/coins/gt-icon-usdc-currency/gt-icon-usdc-currency-disabled.svg +5 -0
- package/src/lib/assets/icon-set/coins/gt-icon-usdc-currency/gt-icon-usdc-currency.svg +5 -0
- package/src/lib/assets/icon-set/coins/gt-icon-usdt-currency/gt-icon-usdt-currency-disabled.svg +5 -0
- package/src/lib/assets/icon-set/coins/gt-icon-usdt-currency/gt-icon-usdt-currency.svg +5 -0
- package/src/lib/assets/icon-set/coins/gt-icon-wbtc-currency/gt-icon-wbtc-currency-disabled.svg +9 -0
- package/src/lib/assets/icon-set/coins/gt-icon-wbtc-currency/gt-icon-wbtc-currency.svg +8 -0
- package/src/lib/assets/json/icons.json +128 -0
- package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss +2 -2
|
@@ -22,7 +22,7 @@ export class BsDaterangepickerInlineContainerComponent extends BsDaterangepicker
|
|
|
22
22
|
_renderer.setStyle(_element.nativeElement, 'position', 'static');
|
|
23
23
|
}
|
|
24
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDaterangepickerInlineContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i1.BsDatepickerConfig }, { token: i2.BsDatepickerCallbacks }, { token: i3.BsDatepickerStore }, { token: i0.ElementRef }, { token: i4.BsDatepickerActions }, { token: i5.BsDatepickerEffects }, { token: i6.PositioningService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDaterangepickerInlineContainerComponent, selector: "gt-daterangepicker-inline-container", host: { listeners: { "click": "$event.stopPropagation()" } }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"isRangePicker || _config.isMobile\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"calendarSize\"\n\n *ngFor=\"let calendar of monthsCalendar | async; let i = index\"\n\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-month-calendar-view>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"calendarSize\"\n\n *ngFor=\"let calendar of yearsCalendar | async; let i = index\"\n\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-years-calendar-view>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\"\n [class.not-clearable]=\"!_config.clearable\">\n <p class=\"clear hr-label pointer sm-regular\" [class.empty]=\"isEmpty\" (click)=\"clearDate()\"\n *ngIf=\"_config.clearable\">\n Clear selection\n </p>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\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}.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-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:3rem!important}.gravity-padding-top-xl{padding-top:3rem!important}.gravity-padding-bottom-xl{padding-bottom:3rem!important}.gravity-padding-left-xl{padding-left:3rem!important}.gravity-padding-right-xl{padding-right:3rem!important}.gravity-padding-block-xl{padding-block:3rem!important}.gravity-padding-inline-xl{padding-inline:3rem!important}.gravity-padding-xxl{padding:4rem!important}.gravity-padding-top-xxl{padding-top:4rem!important}.gravity-padding-bottom-xxl{padding-bottom:4rem!important}.gravity-padding-left-xxl{padding-left:4rem!important}.gravity-padding-right-xxl{padding-right:4rem!important}.gravity-padding-block-xxl{padding-block:4rem!important}.gravity-padding-inline-xxl{padding-inline:4rem!important}.gravity-padding-xxxl{padding:6rem!important}.gravity-padding-top-xxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxl{padding-left:6rem!important}.gravity-padding-right-xxxl{padding-right:6rem!important}.gravity-padding-block-xxxl{padding-block:6rem!important}.gravity-padding-inline-xxxl{padding-inline:6rem!important}.gravity-padding-xxxxl{padding:12rem!important}.gravity-padding-top-xxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxl{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-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:3rem!important}.gravity-margin-top-xl{margin-top:3rem!important}.gravity-margin-bottom-xl{margin-bottom:3rem!important}.gravity-margin-left-xl{margin-left:3rem!important}.gravity-margin-right-xl{margin-right:3rem!important}.gravity-margin-block-xl{margin-block:3rem!important}.gravity-margin-inline-xl{margin-inline:3rem!important}.gravity-margin-xxl{margin:4rem!important}.gravity-margin-top-xxl{margin-top:4rem!important}.gravity-margin-bottom-xxl{margin-bottom:4rem!important}.gravity-margin-left-xxl{margin-left:4rem!important}.gravity-margin-right-xxl{margin-right:4rem!important}.gravity-margin-block-xxl{margin-block:4rem!important}.gravity-margin-inline-xxl{margin-inline:4rem!important}.gravity-margin-xxxl{margin:6rem!important}.gravity-margin-top-xxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxl{margin-left:6rem!important}.gravity-margin-right-xxxl{margin-right:6rem!important}.gravity-margin-block-xxxl{margin-block:6rem!important}.gravity-margin-inline-xxxl{margin-inline:6rem!important}.gravity-margin-xxxxl{margin:12rem!important}.gravity-margin-top-xxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxl{margin-inline:12rem!important}.gt-calendar{background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary);border-radius:.3125rem;padding:16px}.gt-calendar.is-mobile{border-width:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:auto;max-width:450px;padding:0 16px;width:100%}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{border:2px solid var(--divider-menu-active-primary);margin:1rem 0 24px;opacity:1}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{margin-left:auto;width:45%}.gt-calendar.sm:not(.is-mobile){--calendar-width: 268px;--month-article-height: 35px;--month-article-width: 75px;--week-article-height: 30px;--week-article-width: 39px;--weekdays-article-height: 25px;--weekdays-article-width: 39px}.gt-calendar.md:not(.is-mobile){--calendar-width: 327px;--month-article-height: 35px;--month-article-width: 65px;--week-article-height: 43px;--week-article-width: 47px;--weekdays-article-height: 27px;--weekdays-article-width: 45px}.gt-calendar.is-mobile{--calendar-width: 100%;--month-article-height: 35px;--month-article-width: 65px;--week-article-height: 45px;--week-article-width: 60px;--weekdays-article-height: 27px;--weekdays-article-width: 45px}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i8.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size"] }, { kind: "component", type: i9.BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: i10.BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: i11.BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDaterangepickerInlineContainerComponent, selector: "gt-daterangepicker-inline-container", host: { listeners: { "click": "$event.stopPropagation()" } }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"isRangePicker || _config.isMobile\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"calendarSize\"\n\n *ngFor=\"let calendar of monthsCalendar | async; let i = index\"\n\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-month-calendar-view>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"calendarSize\"\n\n *ngFor=\"let calendar of yearsCalendar | async; let i = index\"\n\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-years-calendar-view>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\"\n [class.not-clearable]=\"!_config.clearable\">\n <p class=\"clear hr-label pointer sm-regular\" [class.empty]=\"isEmpty\" (click)=\"clearDate()\"\n *ngIf=\"_config.clearable\">\n Clear selection\n </p>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\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}.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-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:3rem!important}.gravity-padding-top-xl{padding-top:3rem!important}.gravity-padding-bottom-xl{padding-bottom:3rem!important}.gravity-padding-left-xl{padding-left:3rem!important}.gravity-padding-right-xl{padding-right:3rem!important}.gravity-padding-block-xl{padding-block:3rem!important}.gravity-padding-inline-xl{padding-inline:3rem!important}.gravity-padding-xxl{padding:4rem!important}.gravity-padding-top-xxl{padding-top:4rem!important}.gravity-padding-bottom-xxl{padding-bottom:4rem!important}.gravity-padding-left-xxl{padding-left:4rem!important}.gravity-padding-right-xxl{padding-right:4rem!important}.gravity-padding-block-xxl{padding-block:4rem!important}.gravity-padding-inline-xxl{padding-inline:4rem!important}.gravity-padding-xxxl{padding:6rem!important}.gravity-padding-top-xxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxl{padding-left:6rem!important}.gravity-padding-right-xxxl{padding-right:6rem!important}.gravity-padding-block-xxxl{padding-block:6rem!important}.gravity-padding-inline-xxxl{padding-inline:6rem!important}.gravity-padding-xxxxl{padding:12rem!important}.gravity-padding-top-xxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxl{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-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:3rem!important}.gravity-margin-top-xl{margin-top:3rem!important}.gravity-margin-bottom-xl{margin-bottom:3rem!important}.gravity-margin-left-xl{margin-left:3rem!important}.gravity-margin-right-xl{margin-right:3rem!important}.gravity-margin-block-xl{margin-block:3rem!important}.gravity-margin-inline-xl{margin-inline:3rem!important}.gravity-margin-xxl{margin:4rem!important}.gravity-margin-top-xxl{margin-top:4rem!important}.gravity-margin-bottom-xxl{margin-bottom:4rem!important}.gravity-margin-left-xxl{margin-left:4rem!important}.gravity-margin-right-xxl{margin-right:4rem!important}.gravity-margin-block-xxl{margin-block:4rem!important}.gravity-margin-inline-xxl{margin-inline:4rem!important}.gravity-margin-xxxl{margin:6rem!important}.gravity-margin-top-xxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxl{margin-left:6rem!important}.gravity-margin-right-xxxl{margin-right:6rem!important}.gravity-margin-block-xxxl{margin-block:6rem!important}.gravity-margin-inline-xxxl{margin-inline:6rem!important}.gravity-margin-xxxxl{margin:12rem!important}.gravity-margin-top-xxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxl{margin-inline:12rem!important}.gt-calendar{background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary);border-radius:.3125rem;padding:16px}.gt-calendar.is-mobile{border-width:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:auto;max-width:450px;padding:0 16px;width:100%}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{border:2px solid var(--divider-menu-active-primary);margin:1rem 0 24px;opacity:1}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{margin-left:auto;width:45%}.gt-calendar.sm:not(.is-mobile){--calendar-width: 268px;--month-article-height: 35px;--month-article-width: 75px;--week-article-height: 30px;--week-article-width: 39px;--weekdays-article-height: 25px;--weekdays-article-width: 39px}.gt-calendar.md:not(.is-mobile){--calendar-width: 327px;--month-article-height: 35px;--month-article-width: 65px;--week-article-height: 43px;--week-article-width: 47px;--weekdays-article-height: 27px;--weekdays-article-width: 45px}.gt-calendar.is-mobile{--calendar-width: 100%;--month-article-height: 35px;--month-article-width: 65px;--week-article-height: 45px;--week-article-width: 60px;--weekdays-article-height: 27px;--weekdays-article-width: 45px}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i8.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i9.BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: i10.BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: i11.BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
26
26
|
}
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDaterangepickerInlineContainerComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
30
30
|
'(click)': '$event.stopPropagation()'
|
|
31
31
|
}, animations: [datepickerAnimation], template: "<div class=\"gt-calendar {{calendarSize}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"isRangePicker || _config.isMobile\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"calendarSize\"\n\n *ngFor=\"let calendar of monthsCalendar | async; let i = index\"\n\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-month-calendar-view>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"calendarSize\"\n\n *ngFor=\"let calendar of yearsCalendar | async; let i = index\"\n\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-years-calendar-view>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\"\n [class.not-clearable]=\"!_config.clearable\">\n <p class=\"clear hr-label pointer sm-regular\" [class.empty]=\"isEmpty\" (click)=\"clearDate()\"\n *ngIf=\"_config.clearable\">\n Clear selection\n </p>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\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}.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-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:3rem!important}.gravity-padding-top-xl{padding-top:3rem!important}.gravity-padding-bottom-xl{padding-bottom:3rem!important}.gravity-padding-left-xl{padding-left:3rem!important}.gravity-padding-right-xl{padding-right:3rem!important}.gravity-padding-block-xl{padding-block:3rem!important}.gravity-padding-inline-xl{padding-inline:3rem!important}.gravity-padding-xxl{padding:4rem!important}.gravity-padding-top-xxl{padding-top:4rem!important}.gravity-padding-bottom-xxl{padding-bottom:4rem!important}.gravity-padding-left-xxl{padding-left:4rem!important}.gravity-padding-right-xxl{padding-right:4rem!important}.gravity-padding-block-xxl{padding-block:4rem!important}.gravity-padding-inline-xxl{padding-inline:4rem!important}.gravity-padding-xxxl{padding:6rem!important}.gravity-padding-top-xxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxl{padding-left:6rem!important}.gravity-padding-right-xxxl{padding-right:6rem!important}.gravity-padding-block-xxxl{padding-block:6rem!important}.gravity-padding-inline-xxxl{padding-inline:6rem!important}.gravity-padding-xxxxl{padding:12rem!important}.gravity-padding-top-xxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxl{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-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:3rem!important}.gravity-margin-top-xl{margin-top:3rem!important}.gravity-margin-bottom-xl{margin-bottom:3rem!important}.gravity-margin-left-xl{margin-left:3rem!important}.gravity-margin-right-xl{margin-right:3rem!important}.gravity-margin-block-xl{margin-block:3rem!important}.gravity-margin-inline-xl{margin-inline:3rem!important}.gravity-margin-xxl{margin:4rem!important}.gravity-margin-top-xxl{margin-top:4rem!important}.gravity-margin-bottom-xxl{margin-bottom:4rem!important}.gravity-margin-left-xxl{margin-left:4rem!important}.gravity-margin-right-xxl{margin-right:4rem!important}.gravity-margin-block-xxl{margin-block:4rem!important}.gravity-margin-inline-xxl{margin-inline:4rem!important}.gravity-margin-xxxl{margin:6rem!important}.gravity-margin-top-xxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxl{margin-left:6rem!important}.gravity-margin-right-xxxl{margin-right:6rem!important}.gravity-margin-block-xxxl{margin-block:6rem!important}.gravity-margin-inline-xxxl{margin-inline:6rem!important}.gravity-margin-xxxxl{margin:12rem!important}.gravity-margin-top-xxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxl{margin-inline:12rem!important}.gt-calendar{background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary);border-radius:.3125rem;padding:16px}.gt-calendar.is-mobile{border-width:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:auto;max-width:450px;padding:0 16px;width:100%}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{border:2px solid var(--divider-menu-active-primary);margin:1rem 0 24px;opacity:1}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{margin-left:auto;width:45%}.gt-calendar.sm:not(.is-mobile){--calendar-width: 268px;--month-article-height: 35px;--month-article-width: 75px;--week-article-height: 30px;--week-article-width: 39px;--weekdays-article-height: 25px;--weekdays-article-width: 39px}.gt-calendar.md:not(.is-mobile){--calendar-width: 327px;--month-article-height: 35px;--month-article-width: 65px;--week-article-height: 43px;--week-article-width: 47px;--weekdays-article-height: 27px;--weekdays-article-width: 45px}.gt-calendar.is-mobile{--calendar-width: 100%;--month-article-height: 35px;--month-article-width: 65px;--week-article-height: 45px;--week-article-width: 60px;--weekdays-article-height: 27px;--weekdays-article-width: 45px}\n"] }]
|
|
32
32
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.BsDatepickerConfig }, { type: i2.BsDatepickerCallbacks }, { type: i3.BsDatepickerStore }, { type: i0.ElementRef }, { type: i4.BsDatepickerActions }, { type: i5.BsDatepickerEffects }, { type: i6.PositioningService }]; } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnMtZGF0ZXJhbmdlcGlja2VyLWlubGluZS1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWNhbGVuZGFyLXYyL2RhdGVwaWNrZXIvY29tcG9uZW50cy9icy1kYXRlcmFuZ2VwaWNrZXItaW5saW5lLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXItdjIvZGF0ZXBpY2tlci9jb21wb25lbnRzL2JzLWRhdGVwaWNrZXItdmlldy5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQTJDLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBQyxtQ0FBbUMsRUFBQyxNQUFNLDBDQUEwQyxDQUFDO0FBSTdGLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBR2pFLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7O0FBYTdELE1BQU0sT0FBTyx5Q0FBMEMsU0FBUSxtQ0FBbUM7SUFDaEcsWUFBWSxTQUFvQixFQUFFLE9BQTJCLEVBQUUsVUFBaUMsRUFBRSxNQUF5QixFQUFFLFFBQW9CLEVBQUUsUUFBNkIsRUFBRSxRQUE2QixFQUFFLG1CQUF1QztRQUN0UCxLQUFLLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFFakcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUN0RSxTQUFTLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ25FLENBQUM7K0dBTlUseUNBQXlDO21HQUF6Qyx5Q0FBeUMsNEhBTnpDLENBQUMsaUJBQWlCLEVBQUUsbUJBQW1CLENBQUMsaURDaEJyRCw0NUlBd0ZBLGtoVkRwRWMsQ0FBQyxtQkFBbUIsQ0FBQzs7NEZBRXRCLHlDQUF5QztrQkFWckQsU0FBUzsrQkFDRSxxQ0FBcUMsYUFHcEMsQ0FBQyxpQkFBaUIsRUFBRSxtQkFBbUIsQ0FBQyxRQUM3Qzt3QkFDSixTQUFTLEVBQUUsMEJBQTBCO3FCQUN0QyxjQUNXLENBQUMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgT25EZXN0cm95LCBPbkluaXQsIFJlbmRlcmVyMn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0JzRGF0ZXJhbmdlcGlja2VyQ29udGFpbmVyQ29tcG9uZW50fSBmcm9tICcuL2JzLWRhdGVyYW5nZXBpY2tlci1jb250YWluZXIuY29tcG9uZW50JztcblxuaW1wb3J0IHtCc0RhdGVwaWNrZXJBY3Rpb25zfSBmcm9tICcuLi9yZWR1Y2VyL2JzLWRhdGVwaWNrZXIuYWN0aW9ucyc7XG5pbXBvcnQge0JzRGF0ZXBpY2tlckNvbmZpZ30gZnJvbSAnLi4vYnMtZGF0ZXBpY2tlci5jb25maWcnO1xuaW1wb3J0IHtCc0RhdGVwaWNrZXJFZmZlY3RzfSBmcm9tICcuLi9yZWR1Y2VyL2JzLWRhdGVwaWNrZXIuZWZmZWN0cyc7XG5pbXBvcnQge0JzRGF0ZXBpY2tlclN0b3JlfSBmcm9tICcuLi9yZWR1Y2VyL2JzLWRhdGVwaWNrZXIuc3RvcmUnO1xuXG5pbXBvcnQge1Bvc2l0aW9uaW5nU2VydmljZX0gZnJvbSAnbmd4LWJvb3RzdHJhcC9wb3NpdGlvbmluZyc7XG5pbXBvcnQge2RhdGVwaWNrZXJBbmltYXRpb259IGZyb20gJy4uL2RhdGVwaWNrZXItYW5pbWF0aW9ucyc7XG5pbXBvcnQge0JzRGF0ZXBpY2tlckNhbGxiYWNrc30gZnJvbSBcIi4uL2JzLWRhdGVwaWNrZXIuY2FsbGJhY2tzXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2d0LWRhdGVyYW5nZXBpY2tlci1pbmxpbmUtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JzLWRhdGVwaWNrZXItdmlldy5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnMtZGF0ZXBpY2tlci12aWV3LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbQnNEYXRlcGlja2VyU3RvcmUsIEJzRGF0ZXBpY2tlckVmZmVjdHNdLFxuICBob3N0OiB7XG4gICAgJyhjbGljayknOiAnJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpJ1xuICB9LFxuICBhbmltYXRpb25zOiBbZGF0ZXBpY2tlckFuaW1hdGlvbl1cbn0pXG5leHBvcnQgY2xhc3MgQnNEYXRlcmFuZ2VwaWNrZXJJbmxpbmVDb250YWluZXJDb21wb25lbnQgZXh0ZW5kcyBCc0RhdGVyYW5nZXBpY2tlckNvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgY29uc3RydWN0b3IoX3JlbmRlcmVyOiBSZW5kZXJlcjIsIF9jb25maWc6IEJzRGF0ZXBpY2tlckNvbmZpZywgX2NhbGxiYWNrczogQnNEYXRlcGlja2VyQ2FsbGJhY2tzLCBfc3RvcmU6IEJzRGF0ZXBpY2tlclN0b3JlLCBfZWxlbWVudDogRWxlbWVudFJlZiwgX2FjdGlvbnM6IEJzRGF0ZXBpY2tlckFjdGlvbnMsIF9lZmZlY3RzOiBCc0RhdGVwaWNrZXJFZmZlY3RzLCBfcG9zaXRpb25pbmdTZXJ2aWNlOiBQb3NpdGlvbmluZ1NlcnZpY2UpIHtcbiAgICBzdXBlcihfcmVuZGVyZXIsIF9jb25maWcsIF9jYWxsYmFja3MsIF9zdG9yZSwgX2VsZW1lbnQsIF9hY3Rpb25zLCBfZWZmZWN0cywgX3Bvc2l0aW9uaW5nU2VydmljZSk7XG5cbiAgICBfcmVuZGVyZXIuc2V0U3R5bGUoX2VsZW1lbnQubmF0aXZlRWxlbWVudCwgJ2Rpc3BsYXknLCAnaW5saW5lLWJsb2NrJyk7XG4gICAgX3JlbmRlcmVyLnNldFN0eWxlKF9lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdwb3NpdGlvbicsICdzdGF0aWMnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImd0LWNhbGVuZGFyIHt7Y2FsZW5kYXJTaXplfX1cIiBbY2xhc3MuaXMtbW9iaWxlXT1cIl9jb25maWcuaXNNb2JpbGVcIiAqbmdJZj1cInZpZXdNb2RlIHwgYXN5bmNcIlxuICAgICBbQGRhdGVwaWNrZXJBbmltYXRpb25dPVwiYW5pbWF0aW9uU3RhdGVcIiAoQGRhdGVwaWNrZXJBbmltYXRpb24uZG9uZSk9XCJwb3NpdGlvblNlcnZpY2VFbmFibGUoKVwiPlxuXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc1JhbmdlUGlja2VyIHx8IF9jb25maWcuaXNNb2JpbGVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZ3QtY2FsZW5kYXItdG9wYmFyLWluZGljYXRvclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzUmFuZ2VQaWNrZXJcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJoci10aXRsZVwiIFtjbGFzcy5zbS1yZWd1bGFyXT1cImNob3NlblJhbmdlPy5sZW5ndGggPiAwXCJcbiAgICAgICAgICAgW2NsYXNzLnNtLWJvbGRdPVwiY2hvc2VuUmFuZ2U/Lmxlbmd0aCA9PSAwXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNob3NlblJhbmdlPy5sZW5ndGggPT0gMFwiPlN0YXJ0IGRhdGU8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY2hvc2VuUmFuZ2U/Lmxlbmd0aCA+IDBcIj57eyBjaG9zZW5SYW5nZVswXSB8IGRhdGUgOiAnTU1NIGQsIHknIH19PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvcD5cbiAgICAgICAgPGdyYXZpdHktaWNvbiBbaWNvbk5hbWVdPVwiJ3N3YXBzLWFycm93LXJpZ2h0J1wiIFtpY29uU2l6ZV09XCInc20tMTInXCI+PC9ncmF2aXR5LWljb24+XG4gICAgICAgIDxwIGNsYXNzPVwiaHItdGl0bGVcIiBbY2xhc3Muc20tcmVndWxhcl09XCJjaG9zZW5SYW5nZT8ubGVuZ3RoID4gMSB8fCBjaG9zZW5SYW5nZT8ubGVuZ3RoID09IDBcIlxuICAgICAgICAgICBbY2xhc3Muc20tYm9sZF09XCJjaG9zZW5SYW5nZT8ubGVuZ3RoID09IDFcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY2hvc2VuUmFuZ2U/Lmxlbmd0aCA8IDJcIj5FbmQgZGF0ZTwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjaG9zZW5SYW5nZT8ubGVuZ3RoID4gMVwiPnt7IGNob3NlblJhbmdlWzFdIHwgZGF0ZSA6ICdNTU0gZCwgeScgfX08L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9wPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzUmFuZ2VQaWNrZXJcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJoci10aXRsZSBzbS1ib2xkXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFfY29uZmlnLnZhbHVlXCI+U2VsZWN0IGRhdGU8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiX2NvbmZpZy52YWx1ZVwiPnt7IF9jb25maWcudmFsdWUudG9TdHJpbmcoKSB8IGRhdGUgOiAnTU1NIGQsIHknIH19PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvcD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuXG4gICAgPGhyIGNsYXNzPVwiZ3QtY2FsZW5kYXItdG9wYmFyLWxpbmVcIj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPGRpdiBjbGFzcz1cImd0LWNhbGVuZGFyc1wiIFtuZ1N3aXRjaF09XCJ2aWV3TW9kZSB8IGFzeW5jXCIgcm9sZT1cImFwcGxpY2F0aW9uXCI+XG5cbiAgICA8IS0tZGF5cyBjYWxlbmRhci0tPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidkYXknXCI+XG4gICAgICA8YnMtZGF5cy1jYWxlbmRhci12aWV3IFtjYWxlbmRhcl09XCJjYWxlbmRhclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjYWxlbmRhckluZGV4XT1cImlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaXNEaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW29wdGlvbnNdPVwib3B0aW9ucyQgfCBhc3luY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TmF2aWdhdGlvbkFycm93c109XCJzaG93TmF2aWdhdGlvbkFycm93c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaXplXT1cImNhbGVuZGFyU2l6ZVwiXG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGNhbGVuZGFyIG9mIGRheXNDYWxlbmRhciQgfCBhc3luYzsgbGV0IGkgPSBpbmRleFwiXG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uSG92ZXIpPVwiZGF5SG92ZXJIYW5kbGVyKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAob25OYXZpZ2F0ZSk9XCJuYXZpZ2F0ZVRvKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAob25TZWxlY3QpPVwiZGF5U2VsZWN0SGFuZGxlcigkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uVmlld01vZGUpPVwic2V0Vmlld01vZGUoJGV2ZW50KVwiPjwvYnMtZGF5cy1jYWxlbmRhci12aWV3PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPCEtLW1vbnRocyBjYWxlbmRhci0tPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidtb250aCdcIj5cbiAgICAgIDxicy1tb250aC1jYWxlbmRhci12aWV3IFtjYWxlbmRhcl09XCJjYWxlbmRhclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2FsZW5kYXJJbmRleF09XCJpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TmF2aWdhdGlvbkFycm93c109XCJzaG93TmF2aWdhdGlvbkFycm93c1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCJjYWxlbmRhclNpemVcIlxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgY2FsZW5kYXIgb2YgbW9udGhzQ2FsZW5kYXIgfCBhc3luYzsgbGV0IGkgPSBpbmRleFwiXG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChvbkhvdmVyKT1cIm1vbnRoSG92ZXJIYW5kbGVyKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uTmF2aWdhdGUpPVwibmF2aWdhdGVUbygkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChvblNlbGVjdCk9XCJtb250aFNlbGVjdEhhbmRsZXIoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAob25WaWV3TW9kZSk9XCJzZXRWaWV3TW9kZSgkZXZlbnQpXCI+PC9icy1tb250aC1jYWxlbmRhci12aWV3PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPCEtLXllYXJzIGNhbGVuZGFyLS0+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3llYXInXCI+XG4gICAgICA8YnMteWVhcnMtY2FsZW5kYXItdmlldyBbY2FsZW5kYXJdPVwiY2FsZW5kYXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NhbGVuZGFySW5kZXhdPVwiaVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd05hdmlnYXRpb25BcnJvd3NdPVwic2hvd05hdmlnYXRpb25BcnJvd3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwiY2FsZW5kYXJTaXplXCJcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGNhbGVuZGFyIG9mIHllYXJzQ2FsZW5kYXIgfCBhc3luYzsgbGV0IGkgPSBpbmRleFwiXG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChvbkhvdmVyKT1cInllYXJIb3ZlckhhbmRsZXIoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAob25OYXZpZ2F0ZSk9XCJuYXZpZ2F0ZVRvKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uU2VsZWN0KT1cInllYXJTZWxlY3RIYW5kbGVyKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uVmlld01vZGUpPVwic2V0Vmlld01vZGUoJGV2ZW50KVwiPjwvYnMteWVhcnMtY2FsZW5kYXItdmlldz5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImd0LWNhbGVuZGFyLWZvb3RlclwiIFtjbGFzcy5icy1kYXRlcGlja2VyLW11bHRpcGxlXT1cImlzUmFuZ2VQaWNrZXIgJiYgX2NvbmZpZy5kaXNwbGF5TW9udGhzID4gMVwiXG4gICAgICAgW2NsYXNzLm5vdC1jbGVhcmFibGVdPVwiIV9jb25maWcuY2xlYXJhYmxlXCI+XG4gICAgPHAgY2xhc3M9XCJjbGVhciBoci1sYWJlbCBwb2ludGVyIHNtLXJlZ3VsYXJcIiBbY2xhc3MuZW1wdHldPVwiaXNFbXB0eVwiIChjbGljayk9XCJjbGVhckRhdGUoKVwiXG4gICAgICAgKm5nSWY9XCJfY29uZmlnLmNsZWFyYWJsZVwiPlxuICAgICAgQ2xlYXIgc2VsZWN0aW9uXG4gICAgPC9wPlxuICAgIDxwIGNsYXNzPVwiYXBwbHkgaHItbGFiZWwgcG9pbnRlciBzbS1ib2xkXCIgW2NsYXNzLmVtcHR5XT1cImlzRW1wdHlcIiAoY2xpY2spPVwiYXBwbHkoKVwiPkFwcGx5PC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -178,7 +178,7 @@ export class GravityCalendarV2Component {
|
|
|
178
178
|
this.focusInput = false;
|
|
179
179
|
}
|
|
180
180
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCalendarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
181
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCalendarV2Component, selector: "gravity-calendar-v2", inputs: { clearable: "clearable", currentLang: "currentLang", cypressTag: "cypressTag", hasError: "hasError", isDisabled: "isDisabled", isReadonly: "isReadonly", label: "label", placeholder: "placeholder", required: "required", supportText: "supportText", size: "size", width: "width", calendarType: "calendarType", calendarMode: "calendarMode", selectionMode: "selectionMode", customDate: "customDate", customDates: "customDates" }, outputs: { calendarResponse: "response" }, host: { listeners: { "window:resize": "onResize($event)" } }, usesOnChanges: true, ngImport: i0, template: "<label class=\"hr-label sm-bold {{getStatus()}}\" *ngIf=\"label\">\n {{ label }} <span *ngIf=\"required || hasError\">*</span>\n</label>\n<div [attr.elementId]=\"elementId\" class=\"gravity-calendar-field {{size}} {{width}}-width {{getStatus()}}\">\n <div class=\"mobile-calendar-container\" [class.hide]=\"!showMobileCalendar\" [class.show]=\"showMobileCalendar\">\n <div class=\"mobile-calendar-topbar\">\n <gravity-icon class=\"pointer\" (click)=\"closeMobileCalendar()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n </div>\n <div class=\"mobile-calendar-body\">\n <div class=\"calendar-container\"\n gravityDatePickerInline\n\n [bsConfig]=\"calendarConfiguration\"\n [isDisabled]=\"isDisabled || isReadonly\"\n [isMobile]=\"isMobile\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [minMode]=\"calendarType\"\n\n [(bsValue)]=\"selectedDate\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (onApplyEmit)=\"closeMobileCalendar()\"\n\n *ngIf=\"!displayRangePicker\"></div>\n\n <div class=\"calendar-container\"\n gravityRangePickerInline\n\n [bsConfig]=\"calendarConfiguration\"\n [isDisabled]=\"isDisabled || isReadonly\"\n [isMobile]=\"isMobile\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n\n [(bsValue)]=\"selectedDates\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (onApplyEmit)=\"closeMobileCalendar()\"\n\n *ngIf=\"displayRangePicker\"></div>\n </div>\n </div>\n\n <ng-container *ngIf=\"isMobile\">\n <div [attr.data-cy]=\"cypressTag\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n class=\"gravity-calendar-field-trigger\"\n [class.disabled]=\"isDisabled || isReadonly\"\n [class.readonly]=\"isReadonly\"\n\n (click)=\"openMobileCalendar()\"\n\n (blur)=\"focusInput = false\"\n (focus)=\"focusInput = true\">\n <input [attr.data-cy]=\"cypressTag + '_input'\"\n [attr.readonly]=\"isReadonly\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n [(ngModel)]=\"inputLabel\"\n\n class=\"hr-label {{size}}-regular\"\n [placeholder]=\"placeholder && placeholder != '' ? placeholder : selectionMode == 'range' ? 'Select your dates' : 'Select your dates' + calendarType\">\n <gravity-icon class=\"right\" [iconName]=\"'calendar'\" [iconSize]=\"'md-16'\"></gravity-icon>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"!isMobile\">\n <div [attr.data-cy]=\"cypressTag\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n class=\"gravity-calendar-field-trigger\"\n [class.disabled]=\"isDisabled || isReadonly\"\n [class.readonly]=\"isReadonly\"\n gravityDatePicker\n\n [bsConfig]=\"calendarConfiguration\"\n [container]=\"getGtCalendarContainer()\"\n [isDisabled]=\"isDisabled || isReadonly\"\n [isMobile]=\"isMobile\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [minMode]=\"calendarType\"\n\n [(bsValue)]=\"selectedDate\"\n\n (blur)=\"focusInput = false\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (focus)=\"focusInput = true\"\n (onHidden)=\"focusInput = false\"\n\n *ngIf=\"!displayRangePicker\">\n <input [attr.data-cy]=\"cypressTag + '_input'\"\n [attr.readonly]=\"isReadonly\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n [(ngModel)]=\"inputLabel\"\n\n class=\"hr-label {{size}}-regular\"\n [placeholder]=\"placeholder && placeholder != '' ? placeholder : 'Select your ' + calendarType\">\n <gravity-icon class=\"right\" [iconName]=\"'calendar'\" [iconSize]=\"'md-16'\"></gravity-icon>\n </div>\n\n <div [attr.data-cy]=\"cypressTag\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n class=\"gravity-calendar-field-trigger\"\n [class.disabled]=\"isDisabled\"\n [class.readonly]=\"isReadonly\"\n gravityRangePicker\n\n [bsConfig]=\"calendarConfiguration\"\n [container]=\"getGtCalendarContainer()\"\n [isDisabled]=\"isDisabled || isReadonly\"\n [isMobile]=\"isMobile\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n\n [(bsValue)]=\"selectedDates\"\n\n (blur)=\"focusInput = false\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (focus)=\"focusInput = true\"\n (onHidden)=\"focusInput = false\"\n\n *ngIf=\"displayRangePicker\">\n <input [attr.data-cy]=\"cypressTag + '_input'\"\n [attr.readonly]=\"isReadonly\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n [(ngModel)]=\"inputLabel\"\n\n class=\"hr-label {{size}}-regular\"\n [placeholder]=\"placeholder && placeholder != '' ? placeholder : 'Select your dates'\">\n <gravity-icon class=\"right\" [iconName]=\"'calendar'\" [iconSize]=\"'md-16'\"></gravity-icon>\n </div>\n </ng-container>\n</div>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\" *ngIf=\"supportText\">\n <gravity-icon [iconName]=\"'question-circle'\" *ngIf=\"hasError\" [iconSize]=\"'md-16'\"></gravity-icon>\n {{ supportText }}\n</p>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\"\n *ngIf=\"!supportText && getStatus() == 'active' && inputLabel?.length == 0 && required\">\n {{ currentLang == 'es' ? 'Requerido' : 'Required' }}\n</p>\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}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.open{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.selected,label.error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.error span{color:var(--negative-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}.gravity-calendar-field{background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);cursor:pointer;height:var(--text-field-input-field-height);position:relative;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-calendar-field-trigger{align-items:center;display:flex;height:100%;padding:10px 12px;width:100%}.gravity-calendar-field-trigger gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content);margin-left:var(--icon-margin)}.gravity-calendar-field input{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:1;outline:none;padding:0;resize:none;width:100%}.gravity-calendar-field input::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-calendar-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg-field-autofill) inset!important;-webkit-text-fill-color:var(--label-text-full-enabled-primary)!important}.gravity-calendar-field.sm{--icon-margin: 5px;--text-field-input-field-height: 29px;--text-field-input-field-content: 9px;--text-field-input-field-input: 13px}.gravity-calendar-field.sm.short-width{--text-field-input-field-width: 195px}.gravity-calendar-field.sm.medium-width{--text-field-input-field-width: 276px}.gravity-calendar-field.sm.full-width,.gravity-calendar-field.sm.fit-width{--text-field-input-field-width: 100%}.gravity-calendar-field.md{--icon-margin: 8px;--text-field-input-field-height: 35px;--text-field-input-field-content: 15px;--text-field-input-field-input: 18px}.gravity-calendar-field.md.short-width{--text-field-input-field-width: 242px}.gravity-calendar-field.md.medium-width{--text-field-input-field-width: 329px}.gravity-calendar-field.md.full-width,.gravity-calendar-field.md.fit-width{--text-field-input-field-width: 100%}.gravity-calendar-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary)}.gravity-calendar-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-calendar-field.open{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-calendar-field.selected{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-calendar-field.error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary)}.gravity-calendar-field.error:hover{--text-field-input-field-border-width: 1px}.gravity-calendar-field.disabled{cursor:initial;--text-field-input-field-background-color: var(--bg-disabled);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled)}.gravity-calendar-field.readonly{cursor:initial;--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary)}.supporting-text{align-items:center;color:var(--text-field-supporting-text-color);display:flex;margin:5px 12px 0}.supporting-text.active,.supporting-text.hover{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-color: var(--negative-primary);--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}.mobile-calendar-container{background-color:var(--surface-secondary);height:100%;overflow:auto;position:fixed;width:100%;z-index:1}.mobile-calendar-container.hide{left:1000vw;top:1000vh;visibility:hidden}.mobile-calendar-container.show{left:0;top:0;visibility:visible}.mobile-calendar-container .mobile-calendar-topbar{height:54px;padding:14px 19px 24px}.mobile-calendar-container .mobile-calendar-topbar gravity-icon{--icon-color: var(--bg-calendar-nav-primary);margin-left:auto}.mobile-calendar-container .mobile-calendar-body{height:calc(100vh - 65px);width:100%}.mobile-calendar-container .mobile-calendar-body .calendar-container{height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size"] }, { kind: "directive", type: i4.BsDatepickerDirective, selector: "[gravityDatePicker]", inputs: ["bsConfig", "container", "isDisabled", "isMobile", "maxDate", "minDate", "minMode", "isOpen", "bsValue"], outputs: ["bsValueChange", "onApplyEmit", "onHidden", "onShown"], exportAs: ["gravityDatePicker"] }, { kind: "directive", type: i5.BsDatepickerInlineDirective, selector: "[gravityDatePickerInline]", inputs: ["bsConfig", "isDisabled", "isMobile", "maxDate", "minDate", "minMode", "bsValue"], outputs: ["bsValueChange", "onApplyEmit"], exportAs: ["gravityDatePickerInline"] }, { kind: "directive", type: i6.BsDaterangepickerDirective, selector: "[gravityRangePicker]", inputs: ["bsConfig", "container", "isDisabled", "isMobile", "maxDate", "minDate", "isOpen", "bsValue"], outputs: ["bsValueChange", "onApplyEmit", "onHidden", "onShown"], exportAs: ["gravityRangePicker"] }, { kind: "directive", type: i7.BsDaterangepickerInlineDirective, selector: "[gravityRangePickerInline]", inputs: ["bsConfig", "isDisabled", "isMobile", "maxDate", "minDate", "bsValue"], outputs: ["bsValueChange", "onApplyEmit"], exportAs: ["gravityRangePickerInline"] }] }); }
|
|
181
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCalendarV2Component, selector: "gravity-calendar-v2", inputs: { clearable: "clearable", currentLang: "currentLang", cypressTag: "cypressTag", hasError: "hasError", isDisabled: "isDisabled", isReadonly: "isReadonly", label: "label", placeholder: "placeholder", required: "required", supportText: "supportText", size: "size", width: "width", calendarType: "calendarType", calendarMode: "calendarMode", selectionMode: "selectionMode", customDate: "customDate", customDates: "customDates" }, outputs: { calendarResponse: "response" }, host: { listeners: { "window:resize": "onResize($event)" } }, usesOnChanges: true, ngImport: i0, template: "<label class=\"hr-label sm-bold {{getStatus()}}\" *ngIf=\"label\">\n {{ label }} <span *ngIf=\"required || hasError\">*</span>\n</label>\n<div [attr.elementId]=\"elementId\" class=\"gravity-calendar-field {{size}} {{width}}-width {{getStatus()}}\">\n <div class=\"mobile-calendar-container\" [class.hide]=\"!showMobileCalendar\" [class.show]=\"showMobileCalendar\">\n <div class=\"mobile-calendar-topbar\">\n <gravity-icon class=\"pointer\" (click)=\"closeMobileCalendar()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n </div>\n <div class=\"mobile-calendar-body\">\n <div class=\"calendar-container\"\n gravityDatePickerInline\n\n [bsConfig]=\"calendarConfiguration\"\n [isDisabled]=\"isDisabled || isReadonly\"\n [isMobile]=\"isMobile\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [minMode]=\"calendarType\"\n\n [(bsValue)]=\"selectedDate\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (onApplyEmit)=\"closeMobileCalendar()\"\n\n *ngIf=\"!displayRangePicker\"></div>\n\n <div class=\"calendar-container\"\n gravityRangePickerInline\n\n [bsConfig]=\"calendarConfiguration\"\n [isDisabled]=\"isDisabled || isReadonly\"\n [isMobile]=\"isMobile\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n\n [(bsValue)]=\"selectedDates\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (onApplyEmit)=\"closeMobileCalendar()\"\n\n *ngIf=\"displayRangePicker\"></div>\n </div>\n </div>\n\n <ng-container *ngIf=\"isMobile\">\n <div [attr.data-cy]=\"cypressTag\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n class=\"gravity-calendar-field-trigger\"\n [class.disabled]=\"isDisabled || isReadonly\"\n [class.readonly]=\"isReadonly\"\n\n (click)=\"openMobileCalendar()\"\n\n (blur)=\"focusInput = false\"\n (focus)=\"focusInput = true\">\n <input [attr.data-cy]=\"cypressTag + '_input'\"\n [attr.readonly]=\"isReadonly\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n [(ngModel)]=\"inputLabel\"\n\n class=\"hr-label {{size}}-regular\"\n [placeholder]=\"placeholder && placeholder != '' ? placeholder : selectionMode == 'range' ? 'Select your dates' : 'Select your dates' + calendarType\">\n <gravity-icon class=\"right\" [iconName]=\"'calendar'\" [iconSize]=\"'md-16'\"></gravity-icon>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"!isMobile\">\n <div [attr.data-cy]=\"cypressTag\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n class=\"gravity-calendar-field-trigger\"\n [class.disabled]=\"isDisabled || isReadonly\"\n [class.readonly]=\"isReadonly\"\n gravityDatePicker\n\n [bsConfig]=\"calendarConfiguration\"\n [container]=\"getGtCalendarContainer()\"\n [isDisabled]=\"isDisabled || isReadonly\"\n [isMobile]=\"isMobile\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [minMode]=\"calendarType\"\n\n [(bsValue)]=\"selectedDate\"\n\n (blur)=\"focusInput = false\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (focus)=\"focusInput = true\"\n (onHidden)=\"focusInput = false\"\n\n *ngIf=\"!displayRangePicker\">\n <input [attr.data-cy]=\"cypressTag + '_input'\"\n [attr.readonly]=\"isReadonly\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n [(ngModel)]=\"inputLabel\"\n\n class=\"hr-label {{size}}-regular\"\n [placeholder]=\"placeholder && placeholder != '' ? placeholder : 'Select your ' + calendarType\">\n <gravity-icon class=\"right\" [iconName]=\"'calendar'\" [iconSize]=\"'md-16'\"></gravity-icon>\n </div>\n\n <div [attr.data-cy]=\"cypressTag\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n class=\"gravity-calendar-field-trigger\"\n [class.disabled]=\"isDisabled\"\n [class.readonly]=\"isReadonly\"\n gravityRangePicker\n\n [bsConfig]=\"calendarConfiguration\"\n [container]=\"getGtCalendarContainer()\"\n [isDisabled]=\"isDisabled || isReadonly\"\n [isMobile]=\"isMobile\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n\n [(bsValue)]=\"selectedDates\"\n\n (blur)=\"focusInput = false\"\n (bsValueChange)=\"updateSelectedDate($event)\"\n (focus)=\"focusInput = true\"\n (onHidden)=\"focusInput = false\"\n\n *ngIf=\"displayRangePicker\">\n <input [attr.data-cy]=\"cypressTag + '_input'\"\n [attr.readonly]=\"isReadonly\"\n [style.cursor]=\"!isDisabled && !isReadonly ? 'pointer' : 'text'\"\n\n [(ngModel)]=\"inputLabel\"\n\n class=\"hr-label {{size}}-regular\"\n [placeholder]=\"placeholder && placeholder != '' ? placeholder : 'Select your dates'\">\n <gravity-icon class=\"right\" [iconName]=\"'calendar'\" [iconSize]=\"'md-16'\"></gravity-icon>\n </div>\n </ng-container>\n</div>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\" *ngIf=\"supportText\">\n <gravity-icon [iconName]=\"'question-circle'\" *ngIf=\"hasError\" [iconSize]=\"'md-16'\"></gravity-icon>\n {{ supportText }}\n</p>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\"\n *ngIf=\"!supportText && getStatus() == 'active' && inputLabel?.length == 0 && required\">\n {{ currentLang == 'es' ? 'Requerido' : 'Required' }}\n</p>\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}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.open{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.selected,label.error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.error span{color:var(--negative-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}.gravity-calendar-field{background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);cursor:pointer;height:var(--text-field-input-field-height);position:relative;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-calendar-field-trigger{align-items:center;display:flex;height:100%;padding:10px 12px;width:100%}.gravity-calendar-field-trigger gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content);margin-left:var(--icon-margin)}.gravity-calendar-field input{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:1;outline:none;padding:0;resize:none;width:100%}.gravity-calendar-field input::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-calendar-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg-field-autofill) inset!important;-webkit-text-fill-color:var(--label-text-full-enabled-primary)!important}.gravity-calendar-field.sm{--icon-margin: 5px;--text-field-input-field-height: 29px;--text-field-input-field-content: 9px;--text-field-input-field-input: 13px}.gravity-calendar-field.sm.short-width{--text-field-input-field-width: 195px}.gravity-calendar-field.sm.medium-width{--text-field-input-field-width: 276px}.gravity-calendar-field.sm.full-width,.gravity-calendar-field.sm.fit-width{--text-field-input-field-width: 100%}.gravity-calendar-field.md{--icon-margin: 8px;--text-field-input-field-height: 35px;--text-field-input-field-content: 15px;--text-field-input-field-input: 18px}.gravity-calendar-field.md.short-width{--text-field-input-field-width: 242px}.gravity-calendar-field.md.medium-width{--text-field-input-field-width: 329px}.gravity-calendar-field.md.full-width,.gravity-calendar-field.md.fit-width{--text-field-input-field-width: 100%}.gravity-calendar-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary)}.gravity-calendar-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-calendar-field.open{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-calendar-field.selected{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-calendar-field.error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary)}.gravity-calendar-field.error:hover{--text-field-input-field-border-width: 1px}.gravity-calendar-field.disabled{cursor:initial;--text-field-input-field-background-color: var(--bg-disabled);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled)}.gravity-calendar-field.readonly{cursor:initial;--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary)}.supporting-text{align-items:center;color:var(--text-field-supporting-text-color);display:flex;margin:5px 12px 0}.supporting-text.active,.supporting-text.hover{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-color: var(--negative-primary);--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}.mobile-calendar-container{background-color:var(--surface-secondary);height:100%;overflow:auto;position:fixed;width:100%;z-index:1}.mobile-calendar-container.hide{left:1000vw;top:1000vh;visibility:hidden}.mobile-calendar-container.show{left:0;top:0;visibility:visible}.mobile-calendar-container .mobile-calendar-topbar{height:54px;padding:14px 19px 24px}.mobile-calendar-container .mobile-calendar-topbar gravity-icon{--icon-color: var(--bg-calendar-nav-primary);margin-left:auto}.mobile-calendar-container .mobile-calendar-body{height:calc(100vh - 65px);width:100%}.mobile-calendar-container .mobile-calendar-body .calendar-container{height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "directive", type: i4.BsDatepickerDirective, selector: "[gravityDatePicker]", inputs: ["bsConfig", "container", "isDisabled", "isMobile", "maxDate", "minDate", "minMode", "isOpen", "bsValue"], outputs: ["bsValueChange", "onApplyEmit", "onHidden", "onShown"], exportAs: ["gravityDatePicker"] }, { kind: "directive", type: i5.BsDatepickerInlineDirective, selector: "[gravityDatePickerInline]", inputs: ["bsConfig", "isDisabled", "isMobile", "maxDate", "minDate", "minMode", "bsValue"], outputs: ["bsValueChange", "onApplyEmit"], exportAs: ["gravityDatePickerInline"] }, { kind: "directive", type: i6.BsDaterangepickerDirective, selector: "[gravityRangePicker]", inputs: ["bsConfig", "container", "isDisabled", "isMobile", "maxDate", "minDate", "isOpen", "bsValue"], outputs: ["bsValueChange", "onApplyEmit", "onHidden", "onShown"], exportAs: ["gravityRangePicker"] }, { kind: "directive", type: i7.BsDaterangepickerInlineDirective, selector: "[gravityRangePickerInline]", inputs: ["bsConfig", "isDisabled", "isMobile", "maxDate", "minDate", "bsValue"], outputs: ["bsValueChange", "onApplyEmit"], exportAs: ["gravityRangePickerInline"] }] }); }
|
|
182
182
|
}
|
|
183
183
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCalendarV2Component, decorators: [{
|
|
184
184
|
type: Component,
|
|
@@ -26,7 +26,7 @@ export class GravityCheckboxComponent {
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCheckboxComponent, selector: "gravity-checkbox", inputs: { checked: "checked", disabled: "disabled", name: "name", size: "size", value: "value" }, outputs: { change: "change" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-checkbox-field size-{{size}}\" [class.disabled]=\"disabled\">\n <input [checked]=\"isCheckboxChecked\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [value]=\"value\"\n\n type=\"checkbox\">\n <span class=\"checkmark\" (click)=\"toggleCheckbox()\">\n <gravity-icon [iconName]=\"'check'\" [iconSize]=\"'sm-12'\" *ngIf=\"isCheckboxChecked\"></gravity-icon>\n </span>\n <label>\n <ng-content></ng-content>\n </label>\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-checkbox-field{align-items:center;display:flex;position:relative;-webkit-user-select:none;user-select:none}.gravity-checkbox-field input{position:absolute;opacity:0;height:0;width:0}.gravity-checkbox-field .checkmark{align-items:center;border:var(--checkbox-border-width) solid var(--outline-checkbox-off-primary);border-radius:.0625rem;cursor:pointer;display:flex;height:var(--checkbox-size);justify-content:center;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding:2px 1px;width:var(--checkbox-size)}.gravity-checkbox-field .checkmark gravity-icon{--icon-color: var(--on-bg-checkbox-on-primary);--icon-height: 100%;--icon-width: 100%}.gravity-checkbox-field input:checked~.checkmark{background-color:var(--bg-checkbox-on-primary);border-color:var(--bg-checkbox-on-primary)}.gravity-checkbox-field.disabled .checkmark{background-color:transparent!important;border-color:var(--outline-disabled)!important;cursor:initial}.gravity-checkbox-field.disabled .checkmark gravity-icon{--icon-color: var(--on-bg-disabled)}.gravity-checkbox-field.size-sm{--checkbox-border-width: 1.4px;--checkbox-size: 16px}.gravity-checkbox-field.size-md{--checkbox-border-width: 1.5px;--checkbox-size: 20px}label:not(:empty){margin-left:10px}\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"] }] }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCheckboxComponent, selector: "gravity-checkbox", inputs: { checked: "checked", disabled: "disabled", name: "name", size: "size", value: "value" }, outputs: { change: "change" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-checkbox-field size-{{size}}\" [class.disabled]=\"disabled\">\n <input [checked]=\"isCheckboxChecked\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [value]=\"value\"\n\n type=\"checkbox\">\n <span class=\"checkmark\" (click)=\"toggleCheckbox()\">\n <gravity-icon [iconName]=\"'check'\" [iconSize]=\"'sm-12'\" *ngIf=\"isCheckboxChecked\"></gravity-icon>\n </span>\n <label>\n <ng-content></ng-content>\n </label>\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-checkbox-field{align-items:center;display:flex;position:relative;-webkit-user-select:none;user-select:none}.gravity-checkbox-field input{position:absolute;opacity:0;height:0;width:0}.gravity-checkbox-field .checkmark{align-items:center;border:var(--checkbox-border-width) solid var(--outline-checkbox-off-primary);border-radius:.0625rem;cursor:pointer;display:flex;height:var(--checkbox-size);justify-content:center;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding:2px 1px;width:var(--checkbox-size)}.gravity-checkbox-field .checkmark gravity-icon{--icon-color: var(--on-bg-checkbox-on-primary);--icon-height: 100%;--icon-width: 100%}.gravity-checkbox-field input:checked~.checkmark{background-color:var(--bg-checkbox-on-primary);border-color:var(--bg-checkbox-on-primary)}.gravity-checkbox-field.disabled .checkmark{background-color:transparent!important;border-color:var(--outline-disabled)!important;cursor:initial}.gravity-checkbox-field.disabled .checkmark gravity-icon{--icon-color: var(--on-bg-disabled)}.gravity-checkbox-field.size-sm{--checkbox-border-width: 1.4px;--checkbox-size: 16px}.gravity-checkbox-field.size-md{--checkbox-border-width: 1.5px;--checkbox-size: 20px}label:not(:empty){margin-left:10px}\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"] }] }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCheckboxComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../gravity-icon/gravity-icon.component";
|
|
5
|
+
export class GravityCurrencyComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.size = 'md-24';
|
|
8
|
+
}
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCurrencyComponent, selector: "gravity-currency", inputs: { cypressTag: "cypressTag", disabled: "disabled", size: "size", currency: "currency", showLayers: "showLayers" }, ngImport: i0, template: "<div class=\"gravity-currency\">\n <div class=\"main-currency {{size}}\">\n <gravity-icon class=\"currency\"\n [iconName]=\"disabled ? 'coin-id-'+ currency.currency_id + '-disabled' : 'coin-id-' + currency.currency_id\"\n *ngIf=\"currency.currency_id\" [iconSize]=\"'sm-12'\" [isCoin]=\"true\"></gravity-icon>\n <div class=\"bg-2\" [ngStyle]=\"{'background-color': 'var(--' + currency?.currency_iso + '-primary)'}\"\n *ngIf=\"showLayers && !disabled\"></div>\n <div class=\"bg-3\" [ngStyle]=\"{'background-color': 'var(--' + currency?.currency_iso + '-primary)'}\"\n *ngIf=\"showLayers && !disabled\"></div>\n </div>\n <gravity-icon class=\"network {{size}}\"\n [iconName]=\"disabled ? 'coin-id-'+ currency.network_id + '-disabled' : 'coin-id-' + currency.network_id\"\n *ngIf=\"currency?.network_id\" [iconSize]=\"'sm-12'\" [isCoin]=\"true\"></gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.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-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:3rem!important}.gravity-padding-top-xl{padding-top:3rem!important}.gravity-padding-bottom-xl{padding-bottom:3rem!important}.gravity-padding-left-xl{padding-left:3rem!important}.gravity-padding-right-xl{padding-right:3rem!important}.gravity-padding-block-xl{padding-block:3rem!important}.gravity-padding-inline-xl{padding-inline:3rem!important}.gravity-padding-xxl{padding:4rem!important}.gravity-padding-top-xxl{padding-top:4rem!important}.gravity-padding-bottom-xxl{padding-bottom:4rem!important}.gravity-padding-left-xxl{padding-left:4rem!important}.gravity-padding-right-xxl{padding-right:4rem!important}.gravity-padding-block-xxl{padding-block:4rem!important}.gravity-padding-inline-xxl{padding-inline:4rem!important}.gravity-padding-xxxl{padding:6rem!important}.gravity-padding-top-xxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxl{padding-left:6rem!important}.gravity-padding-right-xxxl{padding-right:6rem!important}.gravity-padding-block-xxxl{padding-block:6rem!important}.gravity-padding-inline-xxxl{padding-inline:6rem!important}.gravity-padding-xxxxl{padding:12rem!important}.gravity-padding-top-xxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxl{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-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:3rem!important}.gravity-margin-top-xl{margin-top:3rem!important}.gravity-margin-bottom-xl{margin-bottom:3rem!important}.gravity-margin-left-xl{margin-left:3rem!important}.gravity-margin-right-xl{margin-right:3rem!important}.gravity-margin-block-xl{margin-block:3rem!important}.gravity-margin-inline-xl{margin-inline:3rem!important}.gravity-margin-xxl{margin:4rem!important}.gravity-margin-top-xxl{margin-top:4rem!important}.gravity-margin-bottom-xxl{margin-bottom:4rem!important}.gravity-margin-left-xxl{margin-left:4rem!important}.gravity-margin-right-xxl{margin-right:4rem!important}.gravity-margin-block-xxl{margin-block:4rem!important}.gravity-margin-inline-xxl{margin-inline:4rem!important}.gravity-margin-xxxl{margin:6rem!important}.gravity-margin-top-xxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxl{margin-left:6rem!important}.gravity-margin-right-xxxl{margin-right:6rem!important}.gravity-margin-block-xxxl{margin-block:6rem!important}.gravity-margin-inline-xxxl{margin-inline:6rem!important}.gravity-margin-xxxxl{margin:12rem!important}.gravity-margin-top-xxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxl{margin-inline:12rem!important}.gravity-currency{position:relative;display:flex}.gravity-currency .main-currency{position:relative;display:flex;justify-content:center}.gravity-currency .main-currency .bg-2,.gravity-currency .main-currency .bg-3{border-radius:6.25rem;position:absolute}.gravity-currency .main-currency .bg-2{z-index:2;opacity:60%}.gravity-currency .main-currency .bg-3{z-index:1;opacity:20%}.gravity-currency .main-currency gravity-icon.currency{z-index:3}.gravity-currency .main-currency.sm-16 gravity-icon.currency{--icon-height: 16px;--icon-width: 16px}.gravity-currency .main-currency.sm-16 .bg-2{top:2.5px;width:15px;height:15px}.gravity-currency .main-currency.sm-16 .bg-3{top:6px;width:13px;height:13px}.gravity-currency .main-currency.md-24 gravity-icon.currency{--icon-height: 24px;--icon-width: 24px}.gravity-currency .main-currency.md-24 .bg-2{top:3.75px;width:22.5px;height:22.5px}.gravity-currency .main-currency.md-24 .bg-3{top:9px;width:19.5px;height:19.5px}.gravity-currency .main-currency.lg-32 gravity-icon.currency{--icon-height: 32px;--icon-width: 32px}.gravity-currency .main-currency.lg-32 .bg-2{top:5px;width:30px;height:30px}.gravity-currency .main-currency.lg-32 .bg-3{top:12px;width:26px;height:26px}.gravity-currency .main-currency.xl-40 gravity-icon.currency{--icon-height: 40px;--icon-width: 40px}.gravity-currency .main-currency.xl-40 .bg-2{top:6.25px;width:37.5px;height:37.5px}.gravity-currency .main-currency.xl-40 .bg-3{top:15px;width:32.5px;height:32.5px}.gravity-currency gravity-icon.network{position:absolute;z-index:4}.gravity-currency gravity-icon.network.sm-16{top:9px;left:9.5px;--icon-height: 8px;--icon-width: 8px}.gravity-currency gravity-icon.network.md-24{top:13.5px;left:14.25px;--icon-height: 12px;--icon-width: 12px}.gravity-currency gravity-icon.network.lg-32{top:18px;left:19px;--icon-height: 16px;--icon-width: 16px}.gravity-currency gravity-icon.network.xl-40{top:22.5px;left:23.75px;--icon-height: 20px;--icon-width: 20px}\n"], dependencies: [{ 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"] }] }); }
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'gravity-currency', template: "<div class=\"gravity-currency\">\n <div class=\"main-currency {{size}}\">\n <gravity-icon class=\"currency\"\n [iconName]=\"disabled ? 'coin-id-'+ currency.currency_id + '-disabled' : 'coin-id-' + currency.currency_id\"\n *ngIf=\"currency.currency_id\" [iconSize]=\"'sm-12'\" [isCoin]=\"true\"></gravity-icon>\n <div class=\"bg-2\" [ngStyle]=\"{'background-color': 'var(--' + currency?.currency_iso + '-primary)'}\"\n *ngIf=\"showLayers && !disabled\"></div>\n <div class=\"bg-3\" [ngStyle]=\"{'background-color': 'var(--' + currency?.currency_iso + '-primary)'}\"\n *ngIf=\"showLayers && !disabled\"></div>\n </div>\n <gravity-icon class=\"network {{size}}\"\n [iconName]=\"disabled ? 'coin-id-'+ currency.network_id + '-disabled' : 'coin-id-' + currency.network_id\"\n *ngIf=\"currency?.network_id\" [iconSize]=\"'sm-12'\" [isCoin]=\"true\"></gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.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-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:3rem!important}.gravity-padding-top-xl{padding-top:3rem!important}.gravity-padding-bottom-xl{padding-bottom:3rem!important}.gravity-padding-left-xl{padding-left:3rem!important}.gravity-padding-right-xl{padding-right:3rem!important}.gravity-padding-block-xl{padding-block:3rem!important}.gravity-padding-inline-xl{padding-inline:3rem!important}.gravity-padding-xxl{padding:4rem!important}.gravity-padding-top-xxl{padding-top:4rem!important}.gravity-padding-bottom-xxl{padding-bottom:4rem!important}.gravity-padding-left-xxl{padding-left:4rem!important}.gravity-padding-right-xxl{padding-right:4rem!important}.gravity-padding-block-xxl{padding-block:4rem!important}.gravity-padding-inline-xxl{padding-inline:4rem!important}.gravity-padding-xxxl{padding:6rem!important}.gravity-padding-top-xxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxl{padding-left:6rem!important}.gravity-padding-right-xxxl{padding-right:6rem!important}.gravity-padding-block-xxxl{padding-block:6rem!important}.gravity-padding-inline-xxxl{padding-inline:6rem!important}.gravity-padding-xxxxl{padding:12rem!important}.gravity-padding-top-xxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxl{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-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:3rem!important}.gravity-margin-top-xl{margin-top:3rem!important}.gravity-margin-bottom-xl{margin-bottom:3rem!important}.gravity-margin-left-xl{margin-left:3rem!important}.gravity-margin-right-xl{margin-right:3rem!important}.gravity-margin-block-xl{margin-block:3rem!important}.gravity-margin-inline-xl{margin-inline:3rem!important}.gravity-margin-xxl{margin:4rem!important}.gravity-margin-top-xxl{margin-top:4rem!important}.gravity-margin-bottom-xxl{margin-bottom:4rem!important}.gravity-margin-left-xxl{margin-left:4rem!important}.gravity-margin-right-xxl{margin-right:4rem!important}.gravity-margin-block-xxl{margin-block:4rem!important}.gravity-margin-inline-xxl{margin-inline:4rem!important}.gravity-margin-xxxl{margin:6rem!important}.gravity-margin-top-xxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxl{margin-left:6rem!important}.gravity-margin-right-xxxl{margin-right:6rem!important}.gravity-margin-block-xxxl{margin-block:6rem!important}.gravity-margin-inline-xxxl{margin-inline:6rem!important}.gravity-margin-xxxxl{margin:12rem!important}.gravity-margin-top-xxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxl{margin-inline:12rem!important}.gravity-currency{position:relative;display:flex}.gravity-currency .main-currency{position:relative;display:flex;justify-content:center}.gravity-currency .main-currency .bg-2,.gravity-currency .main-currency .bg-3{border-radius:6.25rem;position:absolute}.gravity-currency .main-currency .bg-2{z-index:2;opacity:60%}.gravity-currency .main-currency .bg-3{z-index:1;opacity:20%}.gravity-currency .main-currency gravity-icon.currency{z-index:3}.gravity-currency .main-currency.sm-16 gravity-icon.currency{--icon-height: 16px;--icon-width: 16px}.gravity-currency .main-currency.sm-16 .bg-2{top:2.5px;width:15px;height:15px}.gravity-currency .main-currency.sm-16 .bg-3{top:6px;width:13px;height:13px}.gravity-currency .main-currency.md-24 gravity-icon.currency{--icon-height: 24px;--icon-width: 24px}.gravity-currency .main-currency.md-24 .bg-2{top:3.75px;width:22.5px;height:22.5px}.gravity-currency .main-currency.md-24 .bg-3{top:9px;width:19.5px;height:19.5px}.gravity-currency .main-currency.lg-32 gravity-icon.currency{--icon-height: 32px;--icon-width: 32px}.gravity-currency .main-currency.lg-32 .bg-2{top:5px;width:30px;height:30px}.gravity-currency .main-currency.lg-32 .bg-3{top:12px;width:26px;height:26px}.gravity-currency .main-currency.xl-40 gravity-icon.currency{--icon-height: 40px;--icon-width: 40px}.gravity-currency .main-currency.xl-40 .bg-2{top:6.25px;width:37.5px;height:37.5px}.gravity-currency .main-currency.xl-40 .bg-3{top:15px;width:32.5px;height:32.5px}.gravity-currency gravity-icon.network{position:absolute;z-index:4}.gravity-currency gravity-icon.network.sm-16{top:9px;left:9.5px;--icon-height: 8px;--icon-width: 8px}.gravity-currency gravity-icon.network.md-24{top:13.5px;left:14.25px;--icon-height: 12px;--icon-width: 12px}.gravity-currency gravity-icon.network.lg-32{top:18px;left:19px;--icon-height: 16px;--icon-width: 16px}.gravity-currency gravity-icon.network.xl-40{top:22.5px;left:23.75px;--icon-height: 20px;--icon-width: 20px}\n"] }]
|
|
15
|
+
}], propDecorators: { cypressTag: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], disabled: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], size: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], currency: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], showLayers: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jdXJyZW5jeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY3VycmVuY3kvZ3Jhdml0eS1jdXJyZW5jeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY3VycmVuY3kvZ3Jhdml0eS1jdXJyZW5jeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQU8vQyxNQUFNLE9BQU8sd0JBQXdCO0lBTHJDO1FBUWtCLFNBQUksR0FBMEMsT0FBTyxDQUFDO0tBR3ZFOytHQU5ZLHdCQUF3QjttR0FBeEIsd0JBQXdCLGtMQ1ByQyxrOEJBYU07OzRGRE5PLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBS1osVUFBVTtzQkFBekIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1jdXJyZW5jeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWN1cnJlbmN5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1jdXJyZW5jeS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Q3VycmVuY3lDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgY3lwcmVzc1RhZzogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20tMTYnIHwgJ21kLTI0JyB8ICdsZy0zMicgfCAneGwtNDAnID0gJ21kLTI0JztcbiAgQElucHV0KCkgcHVibGljIGN1cnJlbmN5OiB7IGN1cnJlbmN5X2lkOiBudW1iZXIsIGN1cnJlbmN5X2lzbz86IHN0cmluZywgbmV0d29ya19pZD86IG51bWJlciB9O1xuICBASW5wdXQoKSBwdWJsaWMgc2hvd0xheWVyczogYm9vbGVhbjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LWN1cnJlbmN5XCI+XG4gIDxkaXYgY2xhc3M9XCJtYWluLWN1cnJlbmN5IHt7c2l6ZX19XCI+XG4gICAgPGdyYXZpdHktaWNvbiBjbGFzcz1cImN1cnJlbmN5XCJcbiAgICAgICAgICAgICAgICAgIFtpY29uTmFtZV09XCJkaXNhYmxlZCA/ICdjb2luLWlkLScrICBjdXJyZW5jeS5jdXJyZW5jeV9pZCArICctZGlzYWJsZWQnIDogJ2NvaW4taWQtJyArIGN1cnJlbmN5LmN1cnJlbmN5X2lkXCJcbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwiY3VycmVuY3kuY3VycmVuY3lfaWRcIiBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiIFtpc0NvaW5dPVwidHJ1ZVwiPjwvZ3Jhdml0eS1pY29uPlxuICAgIDxkaXYgY2xhc3M9XCJiZy0yXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogJ3ZhcigtLScgKyBjdXJyZW5jeT8uY3VycmVuY3lfaXNvICsgJy1wcmltYXJ5KSd9XCJcbiAgICAgICAgICpuZ0lmPVwic2hvd0xheWVycyAmJiAhZGlzYWJsZWRcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYmctM1wiIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6ICd2YXIoLS0nICsgY3VycmVuY3k/LmN1cnJlbmN5X2lzbyArICctcHJpbWFyeSknfVwiXG4gICAgICAgICAqbmdJZj1cInNob3dMYXllcnMgJiYgIWRpc2FibGVkXCI+PC9kaXY+XG4gIDwvZGl2PlxuICA8Z3Jhdml0eS1pY29uIGNsYXNzPVwibmV0d29yayB7e3NpemV9fVwiXG4gICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cImRpc2FibGVkID8gJ2NvaW4taWQtJysgIGN1cnJlbmN5Lm5ldHdvcmtfaWQgKyAnLWRpc2FibGVkJyA6ICdjb2luLWlkLScgKyBjdXJyZW5jeS5uZXR3b3JrX2lkXCJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImN1cnJlbmN5Py5uZXR3b3JrX2lkXCIgW2ljb25TaXplXT1cIidzbS0xMidcIiBbaXNDb2luXT1cInRydWVcIj48L2dyYXZpdHktaWNvbj5cbjwvZGl2PiJdfQ==
|
package/esm2022/lib/components/gravity-currency-display/gravity-currency-display.component.mjs
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../gravity-currency/gravity-currency.component";
|
|
5
|
+
import * as i3 from "../gravity-network-pill/gravity-network-pill.component";
|
|
6
|
+
export class GravityCurrencyDisplayComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.size = 'md';
|
|
9
|
+
this.type = 'explicit';
|
|
10
|
+
}
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCurrencyDisplayComponent, selector: "gravity-currency-display", inputs: { cypressTag: "cypressTag", disabled: "disabled", size: "size", type: "type", currency: "currency" }, ngImport: i0, template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : 'md-24'\" [disabled]=\"disabled\"\n [currency]=\"{currency_id: currency.currency_id , network_id: currency?.network_id }\"></gravity-currency>\n <div class=\"currency-content {{size}}\">\n <p class=\"currency-name hr-body-text\" [ngClass]=\"size + '-regular'\"\n *ngIf=\"type == 'explicit'\">{{ currency.currency_name }}</p>\n <div class=\"iso-content {{type}} {{size}}\">\n <p class=\"currency-iso hr-body-text\"\n [ngClass]=\"type == 'explicit' ? 'sm-regular' : 'md-regular' \">{{ currency.currency_iso }}</p>\n <gravity-network-pill [type]=\"'primary'\" [networkIso]=\"currency?.network_iso\"\n [disabled]=\"disabled\" *ngIf=\"currency?.network_iso\"></gravity-network-pill>\n </div>\n </div>\n</div>", styles: [".gravity-currency-display{display:flex;align-items:center;gap:8px}.gravity-currency-display.disabled p{color:var(--on-bg-disabled)}.gravity-currency-display p{line-height:normal}.gravity-currency-display.short .sm{gap:5px}.gravity-currency-display .currency-content{display:flex;flex-direction:column;align-items:flex-start}.gravity-currency-display .currency-content.sm{gap:5px}.gravity-currency-display .currency-content.md{gap:8px}.gravity-currency-display .currency-content .iso-content{display:flex;justify-content:center;align-items:center;gap:5px}.gravity-currency-display .currency-content .iso-content.md.short{flex-direction:column;align-items:flex-start;gap:8px}\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.GravityCurrencyComponent, selector: "gravity-currency", inputs: ["cypressTag", "disabled", "size", "currency", "showLayers"] }, { kind: "component", type: i3.GravityNetworkPillComponent, selector: "gravity-network-pill", inputs: ["cypressTag", "disabled", "type", "networkIcon", "networkIso"] }] }); }
|
|
13
|
+
}
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyDisplayComponent, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{ selector: 'gravity-currency-display', template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : 'md-24'\" [disabled]=\"disabled\"\n [currency]=\"{currency_id: currency.currency_id , network_id: currency?.network_id }\"></gravity-currency>\n <div class=\"currency-content {{size}}\">\n <p class=\"currency-name hr-body-text\" [ngClass]=\"size + '-regular'\"\n *ngIf=\"type == 'explicit'\">{{ currency.currency_name }}</p>\n <div class=\"iso-content {{type}} {{size}}\">\n <p class=\"currency-iso hr-body-text\"\n [ngClass]=\"type == 'explicit' ? 'sm-regular' : 'md-regular' \">{{ currency.currency_iso }}</p>\n <gravity-network-pill [type]=\"'primary'\" [networkIso]=\"currency?.network_iso\"\n [disabled]=\"disabled\" *ngIf=\"currency?.network_iso\"></gravity-network-pill>\n </div>\n </div>\n</div>", styles: [".gravity-currency-display{display:flex;align-items:center;gap:8px}.gravity-currency-display.disabled p{color:var(--on-bg-disabled)}.gravity-currency-display p{line-height:normal}.gravity-currency-display.short .sm{gap:5px}.gravity-currency-display .currency-content{display:flex;flex-direction:column;align-items:flex-start}.gravity-currency-display .currency-content.sm{gap:5px}.gravity-currency-display .currency-content.md{gap:8px}.gravity-currency-display .currency-content .iso-content{display:flex;justify-content:center;align-items:center;gap:5px}.gravity-currency-display .currency-content .iso-content.md.short{flex-direction:column;align-items:flex-start;gap:8px}\n"] }]
|
|
17
|
+
}], propDecorators: { cypressTag: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], disabled: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], size: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], type: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], currency: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}] } });
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5L2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS9ncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9DLE1BQU0sT0FBTywrQkFBK0I7SUFMNUM7UUFRa0IsU0FBSSxHQUFnQixJQUFJLENBQUM7UUFDekIsU0FBSSxHQUF5QixVQUFVLENBQUM7S0FRekQ7K0dBWlksK0JBQStCO21HQUEvQiwrQkFBK0IsOEtDUDVDLHE3QkFhTTs7NEZETk8sK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDBCQUEwQjs4QkFLcEIsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Q3VycmVuY3lEaXNwbGF5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnbWQnO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ2V4cGxpY2l0JyB8ICdzaG9ydCcgPSAnZXhwbGljaXQnO1xuICBASW5wdXQoKSBwdWJsaWMgY3VycmVuY3k6IHtcbiAgICBjdXJyZW5jeV9pZDogbnVtYmVyLFxuICAgIGN1cnJlbmN5X25hbWU6IHN0cmluZyxcbiAgICBjdXJyZW5jeV9pc28/OiBzdHJpbmcsXG4gICAgbmV0d29ya19pZD86IG51bWJlcixcbiAgICBuZXR3b3JrX2lzbz86IHN0cmluZ1xuICB9O1xufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktY3VycmVuY3ktZGlzcGxheSB7e3NpemV9fSB7e3R5cGV9fVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICA8Z3Jhdml0eS1jdXJyZW5jeSBbc2l6ZV09XCJzaXplID09ICdzbScgJiYgdHlwZSA9PSAnc2hvcnQnID8gJ3NtLTE2JyA6ICdtZC0yNCdcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICBbY3VycmVuY3ldPVwie2N1cnJlbmN5X2lkOiBjdXJyZW5jeS5jdXJyZW5jeV9pZCAsIG5ldHdvcmtfaWQ6IGN1cnJlbmN5Py5uZXR3b3JrX2lkIH1cIj48L2dyYXZpdHktY3VycmVuY3k+XG4gIDxkaXYgY2xhc3M9XCJjdXJyZW5jeS1jb250ZW50IHt7c2l6ZX19XCI+XG4gICAgPHAgY2xhc3M9XCJjdXJyZW5jeS1uYW1lIGhyLWJvZHktdGV4dFwiIFtuZ0NsYXNzXT1cInNpemUgKyAnLXJlZ3VsYXInXCJcbiAgICAgICAqbmdJZj1cInR5cGUgPT0gJ2V4cGxpY2l0J1wiPnt7IGN1cnJlbmN5LmN1cnJlbmN5X25hbWUgfX08L3A+XG4gICAgPGRpdiBjbGFzcz1cImlzby1jb250ZW50IHt7dHlwZX19IHt7c2l6ZX19XCI+XG4gICAgICA8cCBjbGFzcz1cImN1cnJlbmN5LWlzbyBoci1ib2R5LXRleHRcIlxuICAgICAgICAgW25nQ2xhc3NdPVwidHlwZSA9PSAnZXhwbGljaXQnID8gJ3NtLXJlZ3VsYXInIDogJ21kLXJlZ3VsYXInIFwiPnt7IGN1cnJlbmN5LmN1cnJlbmN5X2lzbyB9fTwvcD5cbiAgICAgIDxncmF2aXR5LW5ldHdvcmstcGlsbCBbdHlwZV09XCIncHJpbWFyeSdcIiBbbmV0d29ya0lzb109XCJjdXJyZW5jeT8ubmV0d29ya19pc29cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiICpuZ0lmPVwiY3VycmVuY3k/Lm5ldHdvcmtfaXNvXCI+PC9ncmF2aXR5LW5ldHdvcmstcGlsbD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -15,7 +15,7 @@ export class GravityDialogComponent {
|
|
|
15
15
|
return GravityIconComponent.isNewIcon(iconName);
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDialogComponent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDialogComponent, selector: "ng-component", inputs: { dialogContent: "dialogContent" }, ngImport: i0, template: "<div class=\"dialog-header\">\n <div class=\"hr-title lg-bold title\">\n <gravity-icon class=\"title-icon\" *ngIf=\"dialogContent.titleIconName && dialogContent.titleIconName.length > 0\"\n [iconName]=\"dialogContent.titleIconName\" [title]=\"dialogContent.titleIconName\"\n [size]=\"isNewIcon(dialogContent.titleIconName) ? null : 'md'\"\n [iconSize]=\"isNewIcon(dialogContent.titleIconName) ? 'lg-24' : null\"></gravity-icon>\n {{ dialogContent.title }}\n </div>\n <gravity-icon [attr.data-cy]=\"dialogContent.closeIconCypressTag\" class=\"close\" (click)=\"closeModal()\"\n [iconName]=\"'unsuccess'\" *ngIf=\"dialogContent.showCloseIcon\" [iconSize]=\"'md-16'\"\n [title]=\"'Close'\"></gravity-icon>\n</div>\n\n<div class=\"dialog-body\" [class.with-footer]=\"dialogContent.footerTemplateRef || dialogContent.footerTemplateComponent\">\n <ng-container *ngIf=\"dialogContent.contentTemplateRef\">\n <ng-container *ngTemplateOutlet=\"dialogContent.contentTemplateRef\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"dialogContent.contentTemplateComponent\">\n <ng-container\n *ngComponentOutlet=\"dialogContent.contentTemplateComponent; inputs: dialogContent.componentInputs\"></ng-container>\n </ng-container>\n</div>\n\n<div class=\"dialog-footer\" *ngIf=\"dialogContent.footerTemplateRef || dialogContent.footerTemplateComponent\">\n <ng-container *ngIf=\"dialogContent.footerTemplateRef\">\n <ng-container *ngTemplateOutlet=\"dialogContent.footerTemplateRef\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"dialogContent.footerTemplateComponent\">\n <ng-container *ngComponentOutlet=\"dialogContent.footerTemplateComponent\"></ng-container>\n </ng-container>\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}.dialog-header{align-items:center;background-color:var(--bg-dialog-header-primary);border-radius:.625rem .625rem 0 0;color:var(--on-bg-dialog-header-primary);display:flex;height:5rem;justify-content:space-between;padding:1rem 3rem}.dialog-header .title{align-items:center;display:flex}.dialog-header .title .title-icon{align-items:center;background-color:var(--bg-icon-dialog-primary);display:flex;border-radius:50%;justify-content:center;line-height:0;margin-right:1rem;min-height:2.5rem;min-width:2.5rem;padding:.5rem}.dialog-header .title .title-icon ::ng-deep svg-icon{--icon-color: var(--on-bg-icon-dialog-primary)}.dialog-header gravity-icon.close{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:1rem;line-height:0;justify-content:center;width:1rem}.dialog-header gravity-icon.close ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-active-primary)}.dialog-header gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}.dialog-header gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.dialog-body{padding:1.5rem 3rem 2rem;position:relative}.dialog-body.with-footer{padding-bottom:1rem}.dialog-footer:not(:empty){padding:1rem 3rem 1.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size"] }] }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDialogComponent, selector: "ng-component", inputs: { dialogContent: "dialogContent" }, ngImport: i0, template: "<div class=\"dialog-header\">\n <div class=\"hr-title lg-bold title\">\n <gravity-icon class=\"title-icon\" *ngIf=\"dialogContent.titleIconName && dialogContent.titleIconName.length > 0\"\n [iconName]=\"dialogContent.titleIconName\" [title]=\"dialogContent.titleIconName\"\n [size]=\"isNewIcon(dialogContent.titleIconName) ? null : 'md'\"\n [iconSize]=\"isNewIcon(dialogContent.titleIconName) ? 'lg-24' : null\"></gravity-icon>\n {{ dialogContent.title }}\n </div>\n <gravity-icon [attr.data-cy]=\"dialogContent.closeIconCypressTag\" class=\"close\" (click)=\"closeModal()\"\n [iconName]=\"'unsuccess'\" *ngIf=\"dialogContent.showCloseIcon\" [iconSize]=\"'md-16'\"\n [title]=\"'Close'\"></gravity-icon>\n</div>\n\n<div class=\"dialog-body\" [class.with-footer]=\"dialogContent.footerTemplateRef || dialogContent.footerTemplateComponent\">\n <ng-container *ngIf=\"dialogContent.contentTemplateRef\">\n <ng-container *ngTemplateOutlet=\"dialogContent.contentTemplateRef\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"dialogContent.contentTemplateComponent\">\n <ng-container\n *ngComponentOutlet=\"dialogContent.contentTemplateComponent; inputs: dialogContent.componentInputs\"></ng-container>\n </ng-container>\n</div>\n\n<div class=\"dialog-footer\" *ngIf=\"dialogContent.footerTemplateRef || dialogContent.footerTemplateComponent\">\n <ng-container *ngIf=\"dialogContent.footerTemplateRef\">\n <ng-container *ngTemplateOutlet=\"dialogContent.footerTemplateRef\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"dialogContent.footerTemplateComponent\">\n <ng-container *ngComponentOutlet=\"dialogContent.footerTemplateComponent\"></ng-container>\n </ng-container>\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}.dialog-header{align-items:center;background-color:var(--bg-dialog-header-primary);border-radius:.625rem .625rem 0 0;color:var(--on-bg-dialog-header-primary);display:flex;height:5rem;justify-content:space-between;padding:1rem 3rem}.dialog-header .title{align-items:center;display:flex}.dialog-header .title .title-icon{align-items:center;background-color:var(--bg-icon-dialog-primary);display:flex;border-radius:50%;justify-content:center;line-height:0;margin-right:1rem;min-height:2.5rem;min-width:2.5rem;padding:.5rem}.dialog-header .title .title-icon ::ng-deep svg-icon{--icon-color: var(--on-bg-icon-dialog-primary)}.dialog-header gravity-icon.close{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:1rem;line-height:0;justify-content:center;width:1rem}.dialog-header gravity-icon.close ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-active-primary)}.dialog-header gravity-icon.close:hover{background-color:var(--bg-close-dialog-header-hover-primary)}.dialog-header gravity-icon.close:hover ::ng-deep svg-icon{--icon-color: var(--close-dialog-header-hover-primary)}.dialog-body{padding:1.5rem 3rem 2rem;position:relative}.dialog-body.with-footer{padding-bottom:1rem}.dialog-footer:not(:empty){padding:1rem 3rem 1.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDialogComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
@@ -177,7 +177,7 @@ export class GravityDropdownListComponent {
|
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
179
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownListComponent, deps: [{ token: i1.FilterByPipe }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
180
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDropdownListComponent, selector: "gravity-dropdown-list", inputs: { clearable: "clearable", config: "config", currentLang: "currentLang", customValues: "customValues", cypressTag: "cypressTag", hasError: "hasError", iconLeft: "iconLeft", isDisabled: "isDisabled", isReadonly: "isReadonly", items: "items", label: "label", multiple: "multiple", placeholder: "placeholder", required: "required", supportText: "supportText", size: "size", width: "width" }, outputs: { selectedItemsResponse: "response" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [FilterByPipe], viewQueries: [{ propertyName: "watch", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"hr-label sm-bold {{getStatus()}}\" *ngIf=\"label\">\n {{ label }} <span *ngIf=\"required || hasError\">*</span>\n</label>\n<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\"\n (click)=\"toggleDropdown()\">\n <gravity-icon class=\"left\" [iconName]=\"iconLeft\" [iconSize]=\"isIconLeftNew() ? 'md-16' : null\"\n *ngIf=\"iconLeft\"></gravity-icon>\n <p class=\"hr-label {{size}}-regular value\">\n <ng-container *ngIf=\"selectedItems.length == 0\">\n {{ placeholder ? placeholder : label }}\n </ng-container>\n <ng-container *ngIf=\"selectedItems.length > 0\">\n <ng-container *ngFor=\"let item of selectedItems; let i = index\">\n {{ config ? item[config.label] : item }}{{ i != selectedItems.length - 1 ? ',' : '' }}\n </ng-container>\n </ng-container>\n </p>\n <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\"\n *ngIf=\"!isReadonly\"></gravity-icon>\n <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\"\n [attr.data-cy]=\"cypressTag + '_panel'\">\n <div class=\"search-input\">\n <gravity-icon class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput\n [(ngModel)]=\"searchText\" placeholder=\"{{currentLang == 'es' ? 'Buscar' : 'Search input'}}\">\n <gravity-icon class=\"pointer reset-icon\" (click)=\"searchText = ''; filterItems()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'sm-12'\" *ngIf=\"searchText?.length > 0\"></gravity-icon>\n </div>\n <div class=\"items\">\n <div class=\"hr-label item {{size}}-regular pointer\" [class.selected]=\"checkIfSelected(item)\"\n (click)=\"selectItem(item)\" *ngFor=\"let item of availableOptions\">\n <gravity-checkbox [checked]=\"checkIfSelected(item)\" *ngIf=\"multiple\">\n {{ config ? item[config.label] : item }}\n </gravity-checkbox>\n <ng-container *ngIf=\"!multiple\">{{ config ? item[config.label] : item }}</ng-container>\n </div>\n <div class=\"hr-label item {{size}}-bold no-results\" *ngIf=\"availableOptions.length === 0\">\n {{ currentLang == 'es' ? 'Sin resultados' : 'No results' }}\n </div>\n </div>\n <div class=\"dropdown-footer\" *ngIf=\"selectedItems.length > 0\" [class.not-clearable]=\"!clearable\">\n <p class=\"hr-label pointer sm-regular\" (click)=\"clearSelection()\" *ngIf=\"clearable\"\n [attr.data-cy]=\"cypressTag + '_clear'\">\n {{ currentLang == 'es' ? 'Limpiar' : 'Clear selection' }}\n </p>\n <p class=\"hr-label pointer sm-bold\" (click)=\"$event.stopPropagation(); toggleDropdown()\"\n *ngIf=\"availableOptions.length != 0\" [attr.data-cy]=\"cypressTag + '_apply'\">\n {{ currentLang == 'es' ? 'Aplicar' : 'Apply' }}\n </p>\n </div>\n </div>\n</div>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\" *ngIf=\"supportText\">\n <gravity-icon [iconName]=\"'question-circle'\" *ngIf=\"hasError\" [iconSize]=\"'md-16'\"></gravity-icon>\n {{ supportText }}\n</p>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\"\n *ngIf=\"!supportText && getStatus() == 'active' && selectedItems.length == 0 && required\">\n {{ currentLang == 'es' ? 'Requerido' : 'Required' }}\n</p>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-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-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:3rem!important}.gravity-padding-top-xl{padding-top:3rem!important}.gravity-padding-bottom-xl{padding-bottom:3rem!important}.gravity-padding-left-xl{padding-left:3rem!important}.gravity-padding-right-xl{padding-right:3rem!important}.gravity-padding-block-xl{padding-block:3rem!important}.gravity-padding-inline-xl{padding-inline:3rem!important}.gravity-padding-xxl{padding:4rem!important}.gravity-padding-top-xxl{padding-top:4rem!important}.gravity-padding-bottom-xxl{padding-bottom:4rem!important}.gravity-padding-left-xxl{padding-left:4rem!important}.gravity-padding-right-xxl{padding-right:4rem!important}.gravity-padding-block-xxl{padding-block:4rem!important}.gravity-padding-inline-xxl{padding-inline:4rem!important}.gravity-padding-xxxl{padding:6rem!important}.gravity-padding-top-xxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxl{padding-left:6rem!important}.gravity-padding-right-xxxl{padding-right:6rem!important}.gravity-padding-block-xxxl{padding-block:6rem!important}.gravity-padding-inline-xxxl{padding-inline:6rem!important}.gravity-padding-xxxxl{padding:12rem!important}.gravity-padding-top-xxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxl{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-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:3rem!important}.gravity-margin-top-xl{margin-top:3rem!important}.gravity-margin-bottom-xl{margin-bottom:3rem!important}.gravity-margin-left-xl{margin-left:3rem!important}.gravity-margin-right-xl{margin-right:3rem!important}.gravity-margin-block-xl{margin-block:3rem!important}.gravity-margin-inline-xl{margin-inline:3rem!important}.gravity-margin-xxl{margin:4rem!important}.gravity-margin-top-xxl{margin-top:4rem!important}.gravity-margin-bottom-xxl{margin-bottom:4rem!important}.gravity-margin-left-xxl{margin-left:4rem!important}.gravity-margin-right-xxl{margin-right:4rem!important}.gravity-margin-block-xxl{margin-block:4rem!important}.gravity-margin-inline-xxl{margin-inline:4rem!important}.gravity-margin-xxxl{margin:6rem!important}.gravity-margin-top-xxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxl{margin-left:6rem!important}.gravity-margin-right-xxxl{margin-right:6rem!important}.gravity-margin-block-xxxl{margin-block:6rem!important}.gravity-margin-inline-xxxl{margin-inline:6rem!important}.gravity-margin-xxxxl{margin:12rem!important}.gravity-margin-top-xxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxl{margin-inline:12rem!important}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.open{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.selected,label.error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.error span{color:var(--negative-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}.gravity-input-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);cursor:pointer;display:flex;height:var(--text-field-input-field-height);padding:10px 12px;position:relative;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-input-field gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.left{margin-right:var(--icon-margin)}.gravity-input-field gravity-icon.right{margin-left:var(--icon-margin)}.gravity-input-field p.value{color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:normal;margin-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.gravity-input-field.sm{--dropdown-items-gap: map-get($spacing-values, xs);--dropdown-items-padding-top: 16px;--dropdown-top-margin: 5px;--icon-margin: 5px;--text-field-input-field-content: 9px;--text-field-input-field-height: 29px;--text-field-input-field-input: 13px;--span-checkmark-height: 14px;--span-checkmark-margin: 5px;--span-checkmark-width: 14px}.gravity-input-field.sm.short-width{--text-field-input-field-width: 195px}.gravity-input-field.sm.medium-width{--text-field-input-field-width: 276px}.gravity-input-field.sm.full-width,.gravity-input-field.sm.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.md{--dropdown-items-gap: 12px;--dropdown-items-padding-top: 20px;--dropdown-top-margin: 8px;--text-field-input-field-content: 15px;--text-field-input-field-height: 35px;--text-field-input-field-input: 18px;--icon-margin: 8px;--span-checkmark-height: 16px;--span-checkmark-margin: 8px;--span-checkmark-width: 16px}.gravity-input-field.md.short-width{--text-field-input-field-width: 242px}.gravity-input-field.md.medium-width{--text-field-input-field-width: 329px}.gravity-input-field.md.full-width,.gravity-input-field.md.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary)}.gravity-input-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.open{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-input-field.selected{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-input-field.selected:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary)}.gravity-input-field.error:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.disabled{cursor:initial;--text-field-input-field-background-color: var(--bg-disabled);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled)}.gravity-input-field.readonly{cursor:initial;--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary)}.dropdown-panel{background-color:var(--bg-field-full-enabled-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary);border-radius:.3125rem;cursor:initial;left:-1px;position:absolute;top:calc(100% + var(--dropdown-top-margin));width:calc(var(--text-field-input-field-width) + 2px);z-index:1}.dropdown-panel .search-input{align-items:center;border-bottom:1px solid var(--outline-field-full-enabled-pressed-primary);display:flex;padding:12px}.dropdown-panel .search-input gravity-icon.search-icon{margin-right:.5rem}.dropdown-panel .search-input gravity-icon.reset-icon{margin-left:.5rem}.dropdown-panel .search-input input{background-color:transparent;border:none;border-radius:0;color:var(--input-text-full-enabled-primary);margin:0;outline:none;padding:0;width:100%}.dropdown-panel .search-input input::placeholder{color:var(--placeholder-empty-enabled-primary)}.dropdown-panel .items{display:flex;flex-direction:column;gap:var(--dropdown-items-gap);max-height:200px;overflow:auto;padding:var(--dropdown-items-padding-top) 12px}.dropdown-panel .items .item{align-items:center;color:var(--label-text-full-enabled-primary);display:flex;padding:4px}.dropdown-panel .items .item:hover:not(.no-results),.dropdown-panel .items .item.selected{background-color:var(--bg-menu-button-hover-primary);color:var(--on-bg-menu-button-active-primary)}.dropdown-panel .items .item gravity-checkbox ::ng-deep .gravity-checkbox-field{padding-left:calc(var(--span-checkmark-width) + var(--span-checkmark-margin))}.dropdown-panel .items .item gravity-checkbox ::ng-deep .gravity-checkbox-field span.checkmark{height:var(--span-checkmark-height);min-height:var(--span-checkmark-height);min-width:var(--span-checkmark-width);width:var(--span-checkmark-width)}.dropdown-panel .dropdown-footer{align-items:center;display:flex;justify-content:space-between;padding:12px 12px 20px}.dropdown-panel .dropdown-footer.not-clearable{justify-content:end}.dropdown-panel .dropdown-footer p{cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.supporting-text{align-items:center;color:var(--text-field-supporting-text-color);display:flex;margin:5px 12px 0}.supporting-text.active,.supporting-text.hover{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-color: var(--negative-primary);--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.GravityCheckboxComponent, selector: "gravity-checkbox", inputs: ["checked", "disabled", "name", "size", "value"], outputs: ["change"] }, { kind: "component", type: i5.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size"] }] }); }
|
|
180
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDropdownListComponent, selector: "gravity-dropdown-list", inputs: { clearable: "clearable", config: "config", currentLang: "currentLang", customValues: "customValues", cypressTag: "cypressTag", hasError: "hasError", iconLeft: "iconLeft", isDisabled: "isDisabled", isReadonly: "isReadonly", items: "items", label: "label", multiple: "multiple", placeholder: "placeholder", required: "required", supportText: "supportText", size: "size", width: "width" }, outputs: { selectedItemsResponse: "response" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [FilterByPipe], viewQueries: [{ propertyName: "watch", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"hr-label sm-bold {{getStatus()}}\" *ngIf=\"label\">\n {{ label }} <span *ngIf=\"required || hasError\">*</span>\n</label>\n<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\"\n (click)=\"toggleDropdown()\">\n <gravity-icon class=\"left\" [iconName]=\"iconLeft\" [iconSize]=\"isIconLeftNew() ? 'md-16' : null\"\n *ngIf=\"iconLeft\"></gravity-icon>\n <p class=\"hr-label {{size}}-regular value\">\n <ng-container *ngIf=\"selectedItems.length == 0\">\n {{ placeholder ? placeholder : label }}\n </ng-container>\n <ng-container *ngIf=\"selectedItems.length > 0\">\n <ng-container *ngFor=\"let item of selectedItems; let i = index\">\n {{ config ? item[config.label] : item }}{{ i != selectedItems.length - 1 ? ',' : '' }}\n </ng-container>\n </ng-container>\n </p>\n <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\"\n *ngIf=\"!isReadonly\"></gravity-icon>\n <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\"\n [attr.data-cy]=\"cypressTag + '_panel'\">\n <div class=\"search-input\">\n <gravity-icon class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput\n [(ngModel)]=\"searchText\" placeholder=\"{{currentLang == 'es' ? 'Buscar' : 'Search input'}}\">\n <gravity-icon class=\"pointer reset-icon\" (click)=\"searchText = ''; filterItems()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'sm-12'\" *ngIf=\"searchText?.length > 0\"></gravity-icon>\n </div>\n <div class=\"items\">\n <div class=\"hr-label item {{size}}-regular pointer\" [class.selected]=\"checkIfSelected(item)\"\n (click)=\"selectItem(item)\" *ngFor=\"let item of availableOptions\">\n <gravity-checkbox [checked]=\"checkIfSelected(item)\" *ngIf=\"multiple\">\n {{ config ? item[config.label] : item }}\n </gravity-checkbox>\n <ng-container *ngIf=\"!multiple\">{{ config ? item[config.label] : item }}</ng-container>\n </div>\n <div class=\"hr-label item {{size}}-bold no-results\" *ngIf=\"availableOptions.length === 0\">\n {{ currentLang == 'es' ? 'Sin resultados' : 'No results' }}\n </div>\n </div>\n <div class=\"dropdown-footer\" *ngIf=\"selectedItems.length > 0\" [class.not-clearable]=\"!clearable\">\n <p class=\"hr-label pointer sm-regular\" (click)=\"clearSelection()\" *ngIf=\"clearable\"\n [attr.data-cy]=\"cypressTag + '_clear'\">\n {{ currentLang == 'es' ? 'Limpiar' : 'Clear selection' }}\n </p>\n <p class=\"hr-label pointer sm-bold\" (click)=\"$event.stopPropagation(); toggleDropdown()\"\n *ngIf=\"availableOptions.length != 0\" [attr.data-cy]=\"cypressTag + '_apply'\">\n {{ currentLang == 'es' ? 'Aplicar' : 'Apply' }}\n </p>\n </div>\n </div>\n</div>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\" *ngIf=\"supportText\">\n <gravity-icon [iconName]=\"'question-circle'\" *ngIf=\"hasError\" [iconSize]=\"'md-16'\"></gravity-icon>\n {{ supportText }}\n</p>\n<p class=\"hr-label sm-regular supporting-text {{getStatus()}} {{size}}\"\n *ngIf=\"!supportText && getStatus() == 'active' && selectedItems.length == 0 && required\">\n {{ currentLang == 'es' ? 'Requerido' : 'Required' }}\n</p>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-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-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:3rem!important}.gravity-padding-top-xl{padding-top:3rem!important}.gravity-padding-bottom-xl{padding-bottom:3rem!important}.gravity-padding-left-xl{padding-left:3rem!important}.gravity-padding-right-xl{padding-right:3rem!important}.gravity-padding-block-xl{padding-block:3rem!important}.gravity-padding-inline-xl{padding-inline:3rem!important}.gravity-padding-xxl{padding:4rem!important}.gravity-padding-top-xxl{padding-top:4rem!important}.gravity-padding-bottom-xxl{padding-bottom:4rem!important}.gravity-padding-left-xxl{padding-left:4rem!important}.gravity-padding-right-xxl{padding-right:4rem!important}.gravity-padding-block-xxl{padding-block:4rem!important}.gravity-padding-inline-xxl{padding-inline:4rem!important}.gravity-padding-xxxl{padding:6rem!important}.gravity-padding-top-xxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxl{padding-left:6rem!important}.gravity-padding-right-xxxl{padding-right:6rem!important}.gravity-padding-block-xxxl{padding-block:6rem!important}.gravity-padding-inline-xxxl{padding-inline:6rem!important}.gravity-padding-xxxxl{padding:12rem!important}.gravity-padding-top-xxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxl{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-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:3rem!important}.gravity-margin-top-xl{margin-top:3rem!important}.gravity-margin-bottom-xl{margin-bottom:3rem!important}.gravity-margin-left-xl{margin-left:3rem!important}.gravity-margin-right-xl{margin-right:3rem!important}.gravity-margin-block-xl{margin-block:3rem!important}.gravity-margin-inline-xl{margin-inline:3rem!important}.gravity-margin-xxl{margin:4rem!important}.gravity-margin-top-xxl{margin-top:4rem!important}.gravity-margin-bottom-xxl{margin-bottom:4rem!important}.gravity-margin-left-xxl{margin-left:4rem!important}.gravity-margin-right-xxl{margin-right:4rem!important}.gravity-margin-block-xxl{margin-block:4rem!important}.gravity-margin-inline-xxl{margin-inline:4rem!important}.gravity-margin-xxxl{margin:6rem!important}.gravity-margin-top-xxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxl{margin-left:6rem!important}.gravity-margin-right-xxxl{margin-right:6rem!important}.gravity-margin-block-xxxl{margin-block:6rem!important}.gravity-margin-inline-xxxl{margin-inline:6rem!important}.gravity-margin-xxxxl{margin:12rem!important}.gravity-margin-top-xxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxl{margin-inline:12rem!important}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.open{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.selected,label.error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.error span{color:var(--negative-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}.gravity-input-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);cursor:pointer;display:flex;height:var(--text-field-input-field-height);padding:10px 12px;position:relative;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-input-field gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.left{margin-right:var(--icon-margin)}.gravity-input-field gravity-icon.right{margin-left:var(--icon-margin)}.gravity-input-field p.value{color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:normal;margin-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.gravity-input-field.sm{--dropdown-items-gap: map-get($spacing-values, xs);--dropdown-items-padding-top: 16px;--dropdown-top-margin: 5px;--icon-margin: 5px;--text-field-input-field-content: 9px;--text-field-input-field-height: 29px;--text-field-input-field-input: 13px;--span-checkmark-height: 14px;--span-checkmark-margin: 5px;--span-checkmark-width: 14px}.gravity-input-field.sm.short-width{--text-field-input-field-width: 195px}.gravity-input-field.sm.medium-width{--text-field-input-field-width: 276px}.gravity-input-field.sm.full-width,.gravity-input-field.sm.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.md{--dropdown-items-gap: 12px;--dropdown-items-padding-top: 20px;--dropdown-top-margin: 8px;--text-field-input-field-content: 15px;--text-field-input-field-height: 35px;--text-field-input-field-input: 18px;--icon-margin: 8px;--span-checkmark-height: 16px;--span-checkmark-margin: 8px;--span-checkmark-width: 16px}.gravity-input-field.md.short-width{--text-field-input-field-width: 242px}.gravity-input-field.md.medium-width{--text-field-input-field-width: 329px}.gravity-input-field.md.full-width,.gravity-input-field.md.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary)}.gravity-input-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.open{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-input-field.selected{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--icon-active-primary)}.gravity-input-field.selected:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary)}.gravity-input-field.error:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.disabled{cursor:initial;--text-field-input-field-background-color: var(--bg-disabled);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled)}.gravity-input-field.readonly{cursor:initial;--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary)}.dropdown-panel{background-color:var(--bg-field-full-enabled-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary);border-radius:.3125rem;cursor:initial;left:-1px;position:absolute;top:calc(100% + var(--dropdown-top-margin));width:calc(var(--text-field-input-field-width) + 2px);z-index:1}.dropdown-panel .search-input{align-items:center;border-bottom:1px solid var(--outline-field-full-enabled-pressed-primary);display:flex;padding:12px}.dropdown-panel .search-input gravity-icon.search-icon{margin-right:.5rem}.dropdown-panel .search-input gravity-icon.reset-icon{margin-left:.5rem}.dropdown-panel .search-input input{background-color:transparent;border:none;border-radius:0;color:var(--input-text-full-enabled-primary);margin:0;outline:none;padding:0;width:100%}.dropdown-panel .search-input input::placeholder{color:var(--placeholder-empty-enabled-primary)}.dropdown-panel .items{display:flex;flex-direction:column;gap:var(--dropdown-items-gap);max-height:200px;overflow:auto;padding:var(--dropdown-items-padding-top) 12px}.dropdown-panel .items .item{align-items:center;color:var(--label-text-full-enabled-primary);display:flex;padding:4px}.dropdown-panel .items .item:hover:not(.no-results),.dropdown-panel .items .item.selected{background-color:var(--bg-menu-button-hover-primary);color:var(--on-bg-menu-button-active-primary)}.dropdown-panel .items .item gravity-checkbox ::ng-deep .gravity-checkbox-field{padding-left:calc(var(--span-checkmark-width) + var(--span-checkmark-margin))}.dropdown-panel .items .item gravity-checkbox ::ng-deep .gravity-checkbox-field span.checkmark{height:var(--span-checkmark-height);min-height:var(--span-checkmark-height);min-width:var(--span-checkmark-width);width:var(--span-checkmark-width)}.dropdown-panel .dropdown-footer{align-items:center;display:flex;justify-content:space-between;padding:12px 12px 20px}.dropdown-panel .dropdown-footer.not-clearable{justify-content:end}.dropdown-panel .dropdown-footer p{cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.supporting-text{align-items:center;color:var(--text-field-supporting-text-color);display:flex;margin:5px 12px 0}.supporting-text.active,.supporting-text.hover{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-color: var(--negative-primary);--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.GravityCheckboxComponent, selector: "gravity-checkbox", inputs: ["checked", "disabled", "name", "size", "value"], outputs: ["change"] }, { kind: "component", type: i5.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
181
181
|
}
|
|
182
182
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownListComponent, decorators: [{
|
|
183
183
|
type: Component,
|