@dropi/ui-components 1.0.12 → 1.0.13
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/README.md +55 -36
- package/dist/README.md +58 -38
- package/dist/components-source/accordion/accordion-item/accordion-item.component.d.ts +31 -0
- package/dist/components-source/accordion/accordion.component.d.ts +26 -0
- package/dist/components-source/alert/alert.component.d.ts +32 -0
- package/dist/components-source/alert-modal/alert-modal.component.d.ts +78 -0
- package/dist/components-source/alert-validation/alert-validation.component.d.ts +21 -0
- package/dist/components-source/badge/badge.component.d.ts +12 -0
- package/dist/components-source/beta-tag/beta-tag.component.d.ts +5 -0
- package/dist/components-source/breadcrumb/breadcrumb.component.d.ts +11 -0
- package/dist/components-source/card-product/card-product.component.d.ts +204 -0
- package/dist/components-source/card-section/card-section.component.d.ts +31 -0
- package/dist/components-source/checkbox-selection-list/checkbox-selection-list.component.d.ts +26 -0
- package/dist/components-source/city-selector/city-selector.component.d.ts +17 -0
- package/dist/components-source/color-picker/color-picker.component.d.ts +73 -0
- package/dist/components-source/confirm-dialog/confirm-dialog.component.d.ts +10 -0
- package/dist/components-source/country-flags/country-flags.component.d.ts +12 -0
- package/dist/components-source/date-picker/date-picker.component.d.ts +27 -0
- package/dist/components-source/date-picker-range/date-picker-range.component.d.ts +26 -0
- package/dist/components-source/dropi-avatars/dropi-avatars.component.d.ts +11 -0
- package/dist/components-source/dropi-badge/dropi-badge.component.d.ts +29 -0
- package/dist/components-source/dropi-banner-external/dropi-banner-external.component.d.ts +19 -0
- package/dist/components-source/dropi-breadcrumb/dropi-breadcrumb.component.d.ts +22 -0
- package/dist/components-source/dropi-card-checkbox/dropi-card-checkbox.component.d.ts +20 -0
- package/dist/components-source/dropi-carousel/dropi-carousel.component.d.ts +52 -0
- package/dist/components-source/dropi-checkbox/dropi-checkbox.component.d.ts +11 -0
- package/dist/components-source/dropi-chips/dropi-chips.component.d.ts +17 -0
- package/dist/components-source/dropi-country-selector/countries.data.d.ts +6 -0
- package/dist/components-source/dropi-country-selector/dropi-country-selector.component.d.ts +90 -0
- package/dist/components-source/dropi-drawer/dropi-drawer.component.d.ts +20 -0
- package/dist/components-source/dropi-dropdown/dropi-dropdown.component.d.ts +20 -0
- package/dist/components-source/dropi-favorite-button/dropi-favorite-button.component.d.ts +12 -0
- package/dist/components-source/dropi-file-upload/card-view/card-view.component.d.ts +19 -0
- package/dist/components-source/dropi-file-upload/drop-zone/drop-zone.component.d.ts +38 -0
- package/dist/components-source/dropi-file-upload/dropi-file-upload.component.d.ts +18 -0
- package/dist/components-source/dropi-file-upload/file-list/file-list.component.d.ts +39 -0
- package/dist/components-source/dropi-file-upload/grid-view/grid-view.component.d.ts +15 -0
- package/dist/components-source/dropi-ilustration-icon/dropi-ilustration-icon.component.d.ts +20 -0
- package/dist/components-source/dropi-image-overlay/dropi-image-overlay.component.d.ts +8 -0
- package/dist/components-source/dropi-languages-selector/dropi-languages-selector.component.d.ts +18 -0
- package/dist/components-source/dropi-logo/dropi-logo.component.d.ts +12 -0
- package/dist/components-source/dropi-modal/dropi-modal.component.d.ts +34 -0
- package/dist/components-source/dropi-modal/p-template.directive.d.ts +9 -0
- package/dist/components-source/dropi-navbar/dropi-navbar.component.d.ts +20 -0
- package/dist/components-source/dropi-paginator/dropi-paginator.component.d.ts +21 -0
- package/dist/components-source/dropi-phone-input/dropi-phone-input.component.d.ts +55 -0
- package/dist/components-source/dropi-radio-button/dropi-radio-button.component.d.ts +17 -0
- package/dist/components-source/dropi-search/dropi-search.component.d.ts +40 -0
- package/dist/components-source/dropi-select/dropi-select.component.d.ts +34 -0
- package/dist/components-source/dropi-skeleton/dropi-skeleton.component.d.ts +14 -0
- package/dist/components-source/dropi-steps/dropi-steps.component.d.ts +64 -0
- package/dist/components-source/dropi-switch/dropi-switch.component.d.ts +11 -0
- package/dist/components-source/dropi-table/dropi-table.component.d.ts +82 -0
- package/dist/components-source/dropi-tag/dropi-tag.component.d.ts +15 -0
- package/dist/components-source/dropi-text-area/dropi-text-area.component.d.ts +14 -0
- package/dist/components-source/dropi-tooltip/dropi-tooltip.component.d.ts +28 -0
- package/dist/components-source/dropi-youtube-lazy-video/dropi-youtube-lazy-video.component.d.ts +16 -0
- package/dist/components-source/empty/empty.component.d.ts +9 -0
- package/dist/components-source/empty-state/empty-state.component.d.ts +17 -0
- package/dist/components-source/file-upload-progress-bar/file-upload-progress-bar.component.d.ts +30 -0
- package/dist/components-source/index.d.ts +85 -0
- package/dist/components-source/input/input.component.d.ts +33 -0
- package/dist/components-source/lottie-loader/lottie-loader.component.d.ts +9 -0
- package/dist/components-source/otp-send-code/otp-send-code.component.d.ts +83 -0
- package/dist/components-source/radio-selection-list/radio-selection-list.component.d.ts +30 -0
- package/dist/components-source/read-more/read-more.component.d.ts +60 -0
- package/dist/components-source/sidebar/sidebar.component.d.ts +27 -0
- package/dist/components-source/simple-stepper/simple-stepper.component.d.ts +21 -0
- package/dist/components-source/spinner/spinner.component.d.ts +9 -0
- package/dist/components-source/tabs/tabs.component.d.ts +27 -0
- package/dist/components-source/tag-type-product/tag-type-product.component.d.ts +5 -0
- package/dist/components-source/toast/toast.component.d.ts +21 -0
- package/dist/components-source/toggle/input-toggle.component.d.ts +11 -0
- package/dist/components-source/tooltip/tooltip.component.d.ts +15 -0
- package/dist/components-source/vertical-steps/vertical-steps.component.d.ts +27 -0
- package/dist/esm2022/components-source/accordion/accordion-item/accordion-item.component.mjs +51 -0
- package/dist/esm2022/components-source/accordion/accordion.component.mjs +46 -0
- package/dist/esm2022/components-source/alert/alert.component.mjs +114 -0
- package/dist/esm2022/components-source/alert-modal/alert-modal.component.mjs +247 -0
- package/dist/esm2022/components-source/alert-validation/alert-validation.component.mjs +53 -0
- package/dist/esm2022/components-source/badge/badge.component.mjs +23 -0
- package/dist/esm2022/components-source/beta-tag/beta-tag.component.mjs +11 -0
- package/dist/esm2022/components-source/breadcrumb/breadcrumb.component.mjs +26 -0
- package/dist/esm2022/components-source/card-product/card-product.component.mjs +534 -0
- package/dist/esm2022/components-source/card-section/card-section.component.mjs +91 -0
- package/dist/esm2022/components-source/checkbox-selection-list/checkbox-selection-list.component.mjs +79 -0
- package/dist/esm2022/components-source/city-selector/city-selector.component.mjs +53 -0
- package/dist/esm2022/components-source/color-picker/color-picker.component.mjs +320 -0
- package/dist/esm2022/components-source/confirm-dialog/confirm-dialog.component.mjs +27 -0
- package/dist/esm2022/components-source/country-flags/country-flags.component.mjs +27 -0
- package/dist/esm2022/components-source/date-picker/date-picker.component.mjs +73 -0
- package/dist/esm2022/components-source/date-picker-range/date-picker-range.component.mjs +67 -0
- package/dist/esm2022/components-source/dropi-avatars/dropi-avatars.component.mjs +31 -0
- package/dist/esm2022/components-source/dropi-badge/dropi-badge.component.mjs +45 -0
- package/dist/esm2022/components-source/dropi-banner-external/dropi-banner-external.component.mjs +39 -0
- package/dist/esm2022/components-source/dropi-breadcrumb/dropi-breadcrumb.component.mjs +45 -0
- package/dist/esm2022/components-source/dropi-card-checkbox/dropi-card-checkbox.component.mjs +53 -0
- package/dist/esm2022/components-source/dropi-carousel/dropi-carousel.component.mjs +243 -0
- package/dist/esm2022/components-source/dropi-checkbox/dropi-checkbox.component.mjs +31 -0
- package/dist/esm2022/components-source/dropi-chips/dropi-chips.component.mjs +38 -0
- package/dist/esm2022/components-source/dropi-country-selector/countries.data.mjs +254 -0
- package/dist/esm2022/components-source/dropi-country-selector/dropi-country-selector.component.mjs +183 -0
- package/dist/esm2022/components-source/dropi-drawer/dropi-drawer.component.mjs +69 -0
- package/dist/esm2022/components-source/dropi-dropdown/dropi-dropdown.component.mjs +59 -0
- package/dist/esm2022/components-source/dropi-favorite-button/dropi-favorite-button.component.mjs +33 -0
- package/dist/esm2022/components-source/dropi-file-upload/card-view/card-view.component.mjs +47 -0
- package/dist/esm2022/components-source/dropi-file-upload/drop-zone/drop-zone.component.mjs +115 -0
- package/dist/esm2022/components-source/dropi-file-upload/dropi-file-upload.component.mjs +66 -0
- package/dist/esm2022/components-source/dropi-file-upload/file-list/file-list.component.mjs +95 -0
- package/dist/esm2022/components-source/dropi-file-upload/grid-view/grid-view.component.mjs +37 -0
- package/dist/esm2022/components-source/dropi-ilustration-icon/dropi-ilustration-icon.component.mjs +59 -0
- package/dist/esm2022/components-source/dropi-image-overlay/dropi-image-overlay.component.mjs +31 -0
- package/dist/esm2022/components-source/dropi-languages-selector/dropi-languages-selector.component.mjs +38 -0
- package/dist/esm2022/components-source/dropi-logo/dropi-logo.component.mjs +27 -0
- package/dist/esm2022/components-source/dropi-modal/dropi-modal.component.mjs +92 -0
- package/dist/esm2022/components-source/dropi-modal/p-template.directive.mjs +22 -0
- package/dist/esm2022/components-source/dropi-navbar/dropi-navbar.component.mjs +51 -0
- package/dist/esm2022/components-source/dropi-paginator/dropi-paginator.component.mjs +89 -0
- package/dist/esm2022/components-source/dropi-phone-input/dropi-phone-input.component.mjs +155 -0
- package/dist/esm2022/components-source/dropi-radio-button/dropi-radio-button.component.mjs +48 -0
- package/dist/esm2022/components-source/dropi-search/dropi-search.component.mjs +104 -0
- package/dist/esm2022/components-source/dropi-select/dropi-select.component.mjs +96 -0
- package/dist/esm2022/components-source/dropi-skeleton/dropi-skeleton.component.mjs +39 -0
- package/dist/esm2022/components-source/dropi-steps/dropi-steps.component.mjs +97 -0
- package/dist/esm2022/components-source/dropi-switch/dropi-switch.component.mjs +22 -0
- package/dist/esm2022/components-source/dropi-table/dropi-table.component.mjs +333 -0
- package/dist/esm2022/components-source/dropi-tag/dropi-tag.component.mjs +36 -0
- package/dist/esm2022/components-source/dropi-text-area/dropi-text-area.component.mjs +53 -0
- package/dist/esm2022/components-source/dropi-tooltip/dropi-tooltip.component.mjs +78 -0
- package/dist/esm2022/components-source/dropi-youtube-lazy-video/dropi-youtube-lazy-video.component.mjs +46 -0
- package/dist/esm2022/components-source/empty/empty.component.mjs +18 -0
- package/dist/esm2022/components-source/empty-state/empty-state.component.mjs +62 -0
- package/dist/esm2022/components-source/file-upload-progress-bar/file-upload-progress-bar.component.mjs +91 -0
- package/dist/esm2022/components-source/index.mjs +107 -0
- package/dist/esm2022/components-source/input/input.component.mjs +104 -0
- package/dist/esm2022/components-source/lottie-loader/lottie-loader.component.mjs +25 -0
- package/dist/esm2022/components-source/otp-send-code/otp-send-code.component.mjs +201 -0
- package/dist/esm2022/components-source/radio-selection-list/radio-selection-list.component.mjs +89 -0
- package/dist/esm2022/components-source/read-more/read-more.component.mjs +91 -0
- package/dist/esm2022/components-source/sidebar/sidebar.component.mjs +88 -0
- package/dist/esm2022/components-source/simple-stepper/simple-stepper.component.mjs +60 -0
- package/dist/esm2022/components-source/spinner/spinner.component.mjs +19 -0
- package/dist/esm2022/components-source/tabs/tabs.component.mjs +83 -0
- package/dist/esm2022/components-source/tag-type-product/tag-type-product.component.mjs +11 -0
- package/dist/esm2022/components-source/toast/toast.component.mjs +47 -0
- package/dist/esm2022/components-source/toggle/input-toggle.component.mjs +36 -0
- package/dist/esm2022/components-source/tooltip/tooltip.component.mjs +34 -0
- package/dist/esm2022/components-source/vertical-steps/vertical-steps.component.mjs +75 -0
- package/dist/esm2022/lib/elements-registry.mjs +343 -2
- package/dist/esm2022/utilities/interfaces/ui/dropi-table.interface.mjs +2 -0
- package/dist/esm2022/utilities/interfaces/ui/input-interface.mjs +2 -0
- package/dist/esm2022/utilities/interfaces/ui/select-interface.mjs +2 -0
- package/dist/esm2022/utilities/interfaces/ui/selection-list-interface.mjs +2 -0
- package/dist/esm2022/utilities/interfaces/ui/upload.model.mjs +5 -0
- package/dist/fesm2022/dropi-ui-components.mjs +5913 -2
- package/dist/fesm2022/dropi-ui-components.mjs.map +1 -1
- package/dist/utilities/interfaces/ui/dropi-table.interface.d.ts +45 -0
- package/dist/utilities/interfaces/ui/input-interface.d.ts +33 -0
- package/dist/utilities/interfaces/ui/select-interface.d.ts +8 -0
- package/dist/utilities/interfaces/ui/selection-list-interface.d.ts +24 -0
- package/dist/utilities/interfaces/ui/upload.model.d.ts +30 -0
- package/package.json +18 -6
- package/src/components-source/alert/alert.component.ts +12 -129
- package/src/components-source/alert-modal/alert-modal.component.ts +84 -114
- package/src/components-source/alert-validation/alert-validation.component.html +8 -0
- package/src/components-source/alert-validation/alert-validation.component.scss +225 -0
- package/src/components-source/alert-validation/alert-validation.component.ts +43 -0
- package/src/components-source/beta-tag/beta-tag.component.html +1 -0
- package/src/components-source/beta-tag/beta-tag.component.scss +26 -0
- package/src/components-source/beta-tag/beta-tag.component.ts +11 -0
- package/src/components-source/breadcrumb/breadcrumb.component.html +13 -5
- package/src/components-source/breadcrumb/breadcrumb.component.scss +8 -1
- package/src/components-source/breadcrumb/breadcrumb.component.spec.ts +26 -26
- package/src/components-source/breadcrumb/breadcrumb.component.ts +10 -12
- package/src/components-source/card-product/card-product.component.spec.ts +9 -9
- package/src/components-source/card-product/card-product.component.stories.ts +2 -2
- package/src/components-source/card-product/card-product.component.ts +294 -818
- package/src/components-source/card-section/card-section.component.html +7 -7
- package/src/components-source/card-section/card-section.component.ts +41 -15
- package/src/components-source/checkbox-selection-list/checkbox-selection-list.component.ts +42 -179
- package/src/components-source/city-selector/city-selector.component.ts +37 -137
- package/src/components-source/confirm-dialog/confirm-dialog.component.html +26 -0
- package/src/components-source/confirm-dialog/confirm-dialog.component.scss +55 -0
- package/src/components-source/confirm-dialog/confirm-dialog.component.ts +22 -0
- package/src/components-source/country-flags/country-flags.component.ts +20 -12
- package/src/components-source/date-picker/date-picker.component.ts +32 -292
- package/src/components-source/date-picker-range/date-picker-range.component.html +15 -7
- package/src/components-source/date-picker-range/date-picker-range.component.ts +42 -235
- package/src/components-source/dropi-banner-external/dropi-banner-external.component.ts +24 -185
- package/src/components-source/dropi-breadcrumb/dropi-breadcrumb.component.html +21 -21
- package/src/components-source/dropi-breadcrumb/dropi-breadcrumb.component.spec.ts +9 -9
- package/src/components-source/dropi-breadcrumb/dropi-breadcrumb.component.ts +41 -23
- package/src/components-source/dropi-breadcrumb/dropi-breadcrumb.stories.ts +12 -12
- package/src/components-source/dropi-chips/dropi-chips.component.ts +22 -87
- package/src/components-source/dropi-country-selector/countries.data.ts +256 -236
- package/src/components-source/dropi-country-selector/dropi-country-selector.component.ts +37 -25
- package/src/components-source/dropi-drawer/dropi-drawer.component.ts +91 -78
- package/src/components-source/dropi-dropdown/dropi-dropdown.component.ts +44 -47
- package/src/components-source/dropi-file-upload/card-view/card-view.component.ts +33 -53
- package/src/components-source/dropi-file-upload/drop-zone/drop-zone.component.ts +52 -123
- package/src/components-source/dropi-file-upload/dropi-file-upload.component.ts +38 -294
- package/src/components-source/dropi-file-upload/file-list/file-list.component.ts +62 -43
- package/src/components-source/dropi-file-upload/grid-view/grid-view.component.ts +23 -22
- package/src/components-source/dropi-ilustration-icon/dropi-ilustration-icon.component.scss +6 -2
- package/src/components-source/dropi-image-overlay/dropi-image-overlay.component.ts +16 -71
- package/src/components-source/dropi-modal/dropi-modal.component.ts +56 -372
- package/src/components-source/dropi-navbar/dropi-navbar.component.ts +17 -17
- package/src/components-source/dropi-paginator/dropi-paginator.component.html +18 -7
- package/src/components-source/dropi-paginator/dropi-paginator.component.ts +40 -32
- package/src/components-source/dropi-phone-input/dropi-phone-input.component.html +78 -79
- package/src/components-source/dropi-phone-input/dropi-phone-input.component.ts +29 -85
- package/src/components-source/dropi-search/dropi-search.component.ts +59 -222
- package/src/components-source/dropi-select/dropi-select.component.html +82 -131
- package/src/components-source/dropi-select/dropi-select.component.ts +60 -423
- package/src/components-source/dropi-table/dropi-table.component.html +40 -23
- package/src/components-source/dropi-table/dropi-table.component.ts +130 -374
- package/src/components-source/dropi-tag/dropi-tag.component.ts +20 -90
- package/src/components-source/dropi-text-area/dropi-text-area.component.ts +22 -48
- package/src/components-source/dropi-tooltip/dropi-tooltip.component.ts +40 -129
- package/src/components-source/empty/empty.component.html +3 -0
- package/src/components-source/empty/empty.component.scss +0 -0
- package/src/components-source/empty/empty.component.ts +16 -0
- package/src/components-source/empty-state/empty-state.component.ts +47 -19
- package/src/components-source/index.ts +82 -37
- package/src/components-source/input/input.component.html +79 -63
- package/src/components-source/input/input.component.ts +51 -97
- package/src/components-source/lottie-loader/lottie-loader.component.ts +13 -16
- package/src/components-source/otp-send-code/otp-send-code.component.ts +60 -528
- package/src/components-source/radio-selection-list/radio-selection-list.component.ts +36 -97
- package/src/components-source/sidebar/sidebar.component.spec.ts +11 -11
- package/src/components-source/sidebar/sidebar.component.stories.ts +3 -3
- package/src/components-source/sidebar/sidebar.component.ts +51 -47
- package/src/components-source/simple-stepper/simple-stepper.component.ts +20 -35
- package/src/components-source/spinner/spinner.component.html +6 -0
- package/src/components-source/spinner/spinner.component.scss +15 -0
- package/src/components-source/spinner/spinner.component.ts +17 -0
- package/src/components-source/tabs/tabs.component.spec.ts +8 -8
- package/src/components-source/tabs/tabs.component.stories.ts +5 -5
- package/src/components-source/tabs/tabs.component.ts +41 -83
- package/src/components-source/toast/toast.component.ts +40 -46
- package/src/components-source/toggle/input-toggle.component.html +34 -0
- package/src/components-source/toggle/input-toggle.component.scss +0 -0
- package/src/components-source/toggle/input-toggle.component.ts +27 -0
- package/src/components-source/toggle/inputToggleConfig.ts +11 -0
- package/src/components-source/tooltip/tooltip.component.html +22 -11
- package/src/components-source/tooltip/tooltip.component.ts +28 -13
- package/src/components-source/vertical-steps/vertical-steps.component.ts +16 -78
- package/src/lib/elements-registry.ts +413 -1
- package/src/lib/router-stub.ts +7 -0
- package/src/libreria work space.code-workspace +11 -8
- package/src/utilities/interfaces/ui/dropi-table.interface.ts +60 -0
- package/src/utilities/interfaces/ui/input-interface.ts +34 -0
- package/src/utilities/interfaces/ui/select-interface.ts +8 -0
- package/src/utilities/interfaces/ui/selection-list-interface.ts +15 -0
- package/src/utilities/interfaces/ui/upload.model.ts +41 -0
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Component, Input, Inject, CUSTOM_ELEMENTS_SCHEMA, } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class AlertValidationComponent {
|
|
6
|
+
router;
|
|
7
|
+
visible = false;
|
|
8
|
+
visibleSupport = false;
|
|
9
|
+
message = "";
|
|
10
|
+
routeLink;
|
|
11
|
+
status;
|
|
12
|
+
isBillingDataCompleted = true;
|
|
13
|
+
messageAlertObject;
|
|
14
|
+
visibleTutorial = false;
|
|
15
|
+
constructor(router) {
|
|
16
|
+
this.router = router;
|
|
17
|
+
}
|
|
18
|
+
ngOnInit() { }
|
|
19
|
+
navigate() {
|
|
20
|
+
if (this.routeLink && this.router) {
|
|
21
|
+
this.router.navigate([this.routeLink]);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
goValidate() { }
|
|
25
|
+
openModal2() { }
|
|
26
|
+
closeModal() { }
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertValidationComponent, deps: [{ token: "Router" }], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AlertValidationComponent, isStandalone: true, selector: "app-alert-validation", inputs: { visible: "visible", visibleSupport: "visibleSupport", message: "message", routeLink: "routeLink", status: "status", isBillingDataCompleted: "isBillingDataCompleted", messageAlertObject: "messageAlertObject", visibleTutorial: "visibleTutorial" }, ngImport: i0, template: "<div class=\"alert-validation-container\" *ngIf=\"visible\">\n <div class=\"alert-content\">\n <span class=\"message\">{{ message }}</span>\n <button *ngIf=\"routeLink\" (click)=\"navigate()\" class=\"nav-btn\">\n Ir al link\n </button>\n </div>\n</div>\n", styles: [".alertx-warning{color:#664d03;background-color:#ffecb5;border-color:#fbe9c9}.alertx{position:relative;padding:.75rem .5rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.alertx-text{font-weight:500;margin-right:.3rem;font-size:14px}.alertx-text-underline{font-weight:300;margin-right:1.3rem;font-size:14px;text-decoration:underline;cursor:pointer}.alertx-text-underline2{font-weight:300;font-size:14px;text-decoration:underline;cursor:pointer}.alertx-failed{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alertx.alertx-warning{border-radius:8px;border:1px solid var(--Warning-warning-400, #f4c370);background:var(--Warning-warning-50, #fef8ed)}.alertx{position:relative;padding:8px 12px;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.alertx-text-gray{font-weight:500;margin-right:.3rem;font-size:14px;color:#7b8190}.alertx-text2{font-weight:400;font-size:14px}.btnx-warning{color:#fff;background-color:#f1b44c;border-color:#f1b44c;font-weight:500}.contentcustom{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px}.imgTutorial{object-fit:contain}@media (max-width: 550px){.btnx-warning{margin-top:.5rem}.contentcustom{display:flex;flex-direction:column;align-items:flex-end}}.disabledElement{opacity:.4;pointer-events:none}.alertx-warning1{color:#664d03;background-color:#ffecb5;border-color:#fbe9c9}.alertx-gray{color:#495057;background-color:#f5f6f8;border-color:#ced4da}.alertx1{position:relative;padding:.75rem .5rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.alertx-text1{font-weight:500;margin-left:.6rem;margin-right:1.3rem;font-size:14px}.btnx-warning1{color:#fff;font-weight:500;border-radius:8px;background:var(--Warning-warning-500, #f1b44c);padding:6px 10px;font-size:13px}.btnx-gray{color:#fff;background-color:#74788d;border-color:#74788d;font-weight:500}.iframeVideo{border-radius:15px;margin-top:1rem;width:100%;height:100%}:host ::ng-deep .alert-modal-yt .p-dialog{background-color:#fff!important;box-shadow:0 20px 25px #0000001a;border-radius:8px!important;width:70dvw;box-sizing:border-box;padding:32px;margin:0 20px;transition:all .3s ease-in-out;height:auto}:host ::ng-deep .alert-modal-yt .p-dialog-content{padding:0;overflow:hidden}:host ::ng-deep .alert-modal-yt .p-dialog-header{position:absolute;right:-10px;top:-10px;background:transparent}:host ::ng-deep .alert-modal2 .p-dialog{background-color:#fff!important;box-shadow:0 20px 25px #0000001a;border-radius:8px!important;width:70dvw;box-sizing:border-box;padding:32px;margin:0 20px;transition:all .3s ease-in-out;height:auto}:host ::ng-deep .alert-modal2 .p-dialog-content{padding:0;overflow:hidden}:host ::ng-deep .alert-modal2 .p-dialog-header{position:absolute;right:-10px;top:-10px;background:transparent}@media (max-width: 550px){.alert-reason1{margin-right:2rem;margin-left:2rem}.btnx-warning1,.btnx-gray{margin-top:.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
|
+
}
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertValidationComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{ selector: "app-alert-validation", standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"alert-validation-container\" *ngIf=\"visible\">\n <div class=\"alert-content\">\n <span class=\"message\">{{ message }}</span>\n <button *ngIf=\"routeLink\" (click)=\"navigate()\" class=\"nav-btn\">\n Ir al link\n </button>\n </div>\n</div>\n", styles: [".alertx-warning{color:#664d03;background-color:#ffecb5;border-color:#fbe9c9}.alertx{position:relative;padding:.75rem .5rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.alertx-text{font-weight:500;margin-right:.3rem;font-size:14px}.alertx-text-underline{font-weight:300;margin-right:1.3rem;font-size:14px;text-decoration:underline;cursor:pointer}.alertx-text-underline2{font-weight:300;font-size:14px;text-decoration:underline;cursor:pointer}.alertx-failed{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alertx.alertx-warning{border-radius:8px;border:1px solid var(--Warning-warning-400, #f4c370);background:var(--Warning-warning-50, #fef8ed)}.alertx{position:relative;padding:8px 12px;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.alertx-text-gray{font-weight:500;margin-right:.3rem;font-size:14px;color:#7b8190}.alertx-text2{font-weight:400;font-size:14px}.btnx-warning{color:#fff;background-color:#f1b44c;border-color:#f1b44c;font-weight:500}.contentcustom{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px}.imgTutorial{object-fit:contain}@media (max-width: 550px){.btnx-warning{margin-top:.5rem}.contentcustom{display:flex;flex-direction:column;align-items:flex-end}}.disabledElement{opacity:.4;pointer-events:none}.alertx-warning1{color:#664d03;background-color:#ffecb5;border-color:#fbe9c9}.alertx-gray{color:#495057;background-color:#f5f6f8;border-color:#ced4da}.alertx1{position:relative;padding:.75rem .5rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.alertx-text1{font-weight:500;margin-left:.6rem;margin-right:1.3rem;font-size:14px}.btnx-warning1{color:#fff;font-weight:500;border-radius:8px;background:var(--Warning-warning-500, #f1b44c);padding:6px 10px;font-size:13px}.btnx-gray{color:#fff;background-color:#74788d;border-color:#74788d;font-weight:500}.iframeVideo{border-radius:15px;margin-top:1rem;width:100%;height:100%}:host ::ng-deep .alert-modal-yt .p-dialog{background-color:#fff!important;box-shadow:0 20px 25px #0000001a;border-radius:8px!important;width:70dvw;box-sizing:border-box;padding:32px;margin:0 20px;transition:all .3s ease-in-out;height:auto}:host ::ng-deep .alert-modal-yt .p-dialog-content{padding:0;overflow:hidden}:host ::ng-deep .alert-modal-yt .p-dialog-header{position:absolute;right:-10px;top:-10px;background:transparent}:host ::ng-deep .alert-modal2 .p-dialog{background-color:#fff!important;box-shadow:0 20px 25px #0000001a;border-radius:8px!important;width:70dvw;box-sizing:border-box;padding:32px;margin:0 20px;transition:all .3s ease-in-out;height:auto}:host ::ng-deep .alert-modal2 .p-dialog-content{padding:0;overflow:hidden}:host ::ng-deep .alert-modal2 .p-dialog-header{position:absolute;right:-10px;top:-10px;background:transparent}@media (max-width: 550px){.alert-reason1{margin-right:2rem;margin-left:2rem}.btnx-warning1,.btnx-gray{margin-top:.5rem}}\n"] }]
|
|
33
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
34
|
+
type: Inject,
|
|
35
|
+
args: ["Router"]
|
|
36
|
+
}] }], propDecorators: { visible: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], visibleSupport: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], message: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], routeLink: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], status: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], isBillingDataCompleted: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], messageAlertObject: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], visibleTutorial: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}] } });
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtdmFsaWRhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy1zb3VyY2UvYWxlcnQtdmFsaWRhdGlvbi9hbGVydC12YWxpZGF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9hbGVydC12YWxpZGF0aW9uL2FsZXJ0LXZhbGlkYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBSUwsTUFBTSxFQUNOLHNCQUFzQixHQUN2QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVUvQyxNQUFNLE9BQU8sd0JBQXdCO0lBVUc7SUFUdEIsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUN6QixjQUFjLEdBQVksS0FBSyxDQUFDO0lBQ2hDLE9BQU8sR0FBVyxFQUFFLENBQUM7SUFDckIsU0FBUyxDQUFVO0lBQ25CLE1BQU0sQ0FBTTtJQUNaLHNCQUFzQixHQUFZLElBQUksQ0FBQztJQUN2QyxrQkFBa0IsQ0FBTTtJQUN4QixlQUFlLEdBQVksS0FBSyxDQUFDO0lBRWpELFlBQXNDLE1BQVc7UUFBWCxXQUFNLEdBQU4sTUFBTSxDQUFLO0lBQUcsQ0FBQztJQUVyRCxRQUFRLEtBQVUsQ0FBQztJQUVaLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7UUFDekMsQ0FBQztJQUNILENBQUM7SUFFTSxVQUFVLEtBQVUsQ0FBQztJQUNyQixVQUFVLEtBQVUsQ0FBQztJQUNyQixVQUFVLEtBQVUsQ0FBQzt3R0F0QmpCLHdCQUF3QixrQkFVZixRQUFROzRGQVZqQix3QkFBd0IsZ1ZDbkJyQyxpUkFRQSxrbkdETVksWUFBWTs7NEZBS1gsd0JBQXdCO2tCQVJwQyxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsV0FDZCxDQUFDLHNCQUFzQixDQUFDOzswQkFjcEIsTUFBTTsyQkFBQyxRQUFRO3lDQVRaLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSztnQkFDVSxzQkFBc0I7c0JBQXJDLEtBQUs7Z0JBQ1Usa0JBQWtCO3NCQUFqQyxLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxuICBJbmplY3QsXG4gIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtYWxlcnQtdmFsaWRhdGlvblwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogXCIuL2FsZXJ0LXZhbGlkYXRpb24uY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL2FsZXJ0LXZhbGlkYXRpb24uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0VmFsaWRhdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHB1YmxpYyB2aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyB2aXNpYmxlU3VwcG9ydDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwdWJsaWMgbWVzc2FnZTogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KCkgcHVibGljIHJvdXRlTGluaz86IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHN0YXR1czogYW55O1xuICBASW5wdXQoKSBwdWJsaWMgaXNCaWxsaW5nRGF0YUNvbXBsZXRlZDogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHB1YmxpYyBtZXNzYWdlQWxlcnRPYmplY3Q6IGFueTtcbiAgQElucHV0KCkgcHVibGljIHZpc2libGVUdXRvcmlhbDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoXCJSb3V0ZXJcIikgcHJpdmF0ZSByb3V0ZXI6IGFueSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgcHVibGljIG5hdmlnYXRlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJvdXRlTGluayAmJiB0aGlzLnJvdXRlcikge1xuICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW3RoaXMucm91dGVMaW5rXSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdvVmFsaWRhdGUoKTogdm9pZCB7fVxuICBwdWJsaWMgb3Blbk1vZGFsMigpOiB2b2lkIHt9XG4gIHB1YmxpYyBjbG9zZU1vZGFsKCk6IHZvaWQge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJhbGVydC12YWxpZGF0aW9uLWNvbnRhaW5lclwiICpuZ0lmPVwidmlzaWJsZVwiPlxuICA8ZGl2IGNsYXNzPVwiYWxlcnQtY29udGVudFwiPlxuICAgIDxzcGFuIGNsYXNzPVwibWVzc2FnZVwiPnt7IG1lc3NhZ2UgfX08L3NwYW4+XG4gICAgPGJ1dHRvbiAqbmdJZj1cInJvdXRlTGlua1wiIChjbGljayk9XCJuYXZpZ2F0ZSgpXCIgY2xhc3M9XCJuYXYtYnRuXCI+XG4gICAgICBJciBhbCBsaW5rXG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class BadgeComponent {
|
|
6
|
+
state;
|
|
7
|
+
// pending | active | blocked | frozen
|
|
8
|
+
stateText = {
|
|
9
|
+
pending: 'Pendiente',
|
|
10
|
+
active: 'Activo',
|
|
11
|
+
canceled: 'Cancelado',
|
|
12
|
+
frozen: 'Congelado',
|
|
13
|
+
};
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BadgeComponent, isStandalone: true, selector: "dropi-badge", inputs: { state: "state" }, ngImport: i0, template: "<div class=\"tag-state\" [ngClass]=\"state\">\n <svg\n *ngIf=\"state === 'active'\"\n width=\"17\"\n height=\"17\"\n viewBox=\"0 0 17 17\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z\"\n fill=\"#1F2937\"\n />\n </svg>\n\n <svg\n *ngIf=\"state === 'pending'\"\n width=\"17\"\n height=\"17\"\n viewBox=\"0 0 17 17\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z\"\n fill=\"#1F2937\"\n />\n </svg>\n\n <svg\n *ngIf=\"state === 'canceled'\"\n width=\"12\"\n height=\"14\"\n viewBox=\"0 0 14 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z\"\n fill=\"#585C65\"\n />\n </svg>\n\n <p>\n {{ stateText[state] }}\n </p>\n</div>\n", styles: [".tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:500;line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-success-50, #e7f8f3);color:var(--Success-success-500, #0abb87)}.tag-state.active svg path{fill:var(--Success-success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.pending svg path{fill:var(--Orange-orange-500, #f49a3d)}.tag-state.canceled{color:var(--Gray-gray-500, #6c757d);background:var(--Gray-gray-50, #f8f9fa)}.tag-state.canceled svg path{fill:var(--Gray-gray-500, #6c757d)}.tag-state.frozen{color:var(--Gray-gray-500, #6c757d);background:var(--Gray-gray-50, #f8f9fa)}.tag-state.frozen svg path{fill:var(--Gray-gray-500, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'dropi-badge', standalone: true, imports: [CommonModule], template: "<div class=\"tag-state\" [ngClass]=\"state\">\n <svg\n *ngIf=\"state === 'active'\"\n width=\"17\"\n height=\"17\"\n viewBox=\"0 0 17 17\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z\"\n fill=\"#1F2937\"\n />\n </svg>\n\n <svg\n *ngIf=\"state === 'pending'\"\n width=\"17\"\n height=\"17\"\n viewBox=\"0 0 17 17\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z\"\n fill=\"#1F2937\"\n />\n </svg>\n\n <svg\n *ngIf=\"state === 'canceled'\"\n width=\"12\"\n height=\"14\"\n viewBox=\"0 0 14 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z\"\n fill=\"#585C65\"\n />\n </svg>\n\n <p>\n {{ stateText[state] }}\n </p>\n</div>\n", styles: [".tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:500;line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-success-50, #e7f8f3);color:var(--Success-success-500, #0abb87)}.tag-state.active svg path{fill:var(--Success-success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.pending svg path{fill:var(--Orange-orange-500, #f49a3d)}.tag-state.canceled{color:var(--Gray-gray-500, #6c757d);background:var(--Gray-gray-50, #f8f9fa)}.tag-state.canceled svg path{fill:var(--Gray-gray-500, #6c757d)}.tag-state.frozen{color:var(--Gray-gray-500, #6c757d);background:var(--Gray-gray-50, #f8f9fa)}.tag-state.frozen svg path{fill:var(--Gray-gray-500, #6c757d)}\n"] }]
|
|
20
|
+
}], propDecorators: { state: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}] } });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMtc291cmNlL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVMvQyxNQUFNLE9BQU8sY0FBYztJQUNoQixLQUFLLENBQVM7SUFDdkIsc0NBQXNDO0lBRXRDLFNBQVMsR0FBRztRQUNWLE9BQU8sRUFBRSxXQUFXO1FBQ3BCLE1BQU0sRUFBRSxRQUFRO1FBQ2hCLFFBQVEsRUFBRSxXQUFXO1FBQ3JCLE1BQU0sRUFBRSxXQUFXO0tBQ3BCLENBQUM7d0dBVFMsY0FBYzs0RkFBZCxjQUFjLG1HQ1YzQiw4akhBaURBLGc1QkQzQ1ksWUFBWTs7NEZBSVgsY0FBYztrQkFQMUIsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtkLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Ryb3BpLWJhZGdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc3RhdGU6IHN0cmluZztcbiAgLy8gcGVuZGluZyB8IGFjdGl2ZSB8IGJsb2NrZWQgfCBmcm96ZW5cblxuICBzdGF0ZVRleHQgPSB7XG4gICAgcGVuZGluZzogJ1BlbmRpZW50ZScsXG4gICAgYWN0aXZlOiAnQWN0aXZvJyxcbiAgICBjYW5jZWxlZDogJ0NhbmNlbGFkbycsXG4gICAgZnJvemVuOiAnQ29uZ2VsYWRvJyxcbiAgfTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJ0YWctc3RhdGVcIiBbbmdDbGFzc109XCJzdGF0ZVwiPlxuICA8c3ZnXG4gICAgKm5nSWY9XCJzdGF0ZSA9PT0gJ2FjdGl2ZSdcIlxuICAgIHdpZHRoPVwiMTdcIlxuICAgIGhlaWdodD1cIjE3XCJcbiAgICB2aWV3Qm94PVwiMCAwIDE3IDE3XCJcbiAgICBmaWxsPVwibm9uZVwiXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gID5cbiAgICA8cGF0aFxuICAgICAgZD1cIk0xMS41NDQ0IDUuODcwNjdMMTIuNTM4OSA2Ljg4MDA0TDguNDM1NTQgMTAuOTIyNUM4LjE2MTQyIDExLjE5NjYgNy44MDA4NyAxMS4zMzMzIDcuNDM4OTIgMTEuMzMzM0M3LjA3Njk2IDExLjMzMzMgNi43MTI4NyAxMS4xOTUyIDYuNDM1OTIgMTAuOTE5TDQuNDY1MzMgOS4wMDkyOUw1LjQ1MjA0IDcuOTkxNDJMNy40MzA0MiA5LjkwODg3TDExLjU0NDQgNS44NzA2N1pNMTcgOC41QzE3IDEzLjE4NyAxMy4xODcgMTcgOC41IDE3QzMuODEyOTYgMTcgMCAxMy4xODcgMCA4LjVDMCAzLjgxMjk2IDMuODEyOTYgMCA4LjUgMEMxMy4xODcgMCAxNyAzLjgxMjk2IDE3IDguNVpNMTUuNTgzMyA4LjVDMTUuNTgzMyA0LjU5NDI1IDEyLjQwNTcgMS40MTY2NyA4LjUgMS40MTY2N0M0LjU5NDI1IDEuNDE2NjcgMS40MTY2NyA0LjU5NDI1IDEuNDE2NjcgOC41QzEuNDE2NjcgMTIuNDA1NyA0LjU5NDI1IDE1LjU4MzMgOC41IDE1LjU4MzNDMTIuNDA1NyAxNS41ODMzIDE1LjU4MzMgMTIuNDA1NyAxNS41ODMzIDguNVpcIlxuICAgICAgZmlsbD1cIiMxRjI5MzdcIlxuICAgIC8+XG4gIDwvc3ZnPlxuXG4gIDxzdmdcbiAgICAqbmdJZj1cInN0YXRlID09PSAncGVuZGluZydcIlxuICAgIHdpZHRoPVwiMTdcIlxuICAgIGhlaWdodD1cIjE3XCJcbiAgICB2aWV3Qm94PVwiMCAwIDE3IDE3XCJcbiAgICBmaWxsPVwibm9uZVwiXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gID5cbiAgICA8cGF0aFxuICAgICAgZD1cIk04LjUgMTdDMy44MTI5NiAxNyAwIDEzLjE4NyAwIDguNUMwIDMuODEyOTYgMy44MTI5NiAwIDguNSAwQzEzLjE4NyAwIDE3IDMuODEyOTYgMTcgOC41QzE3IDEzLjE4NyAxMy4xODcgMTcgOC41IDE3Wk04LjUgMS40MTY2N0M0LjU5NDI1IDEuNDE2NjcgMS40MTY2NyA0LjU5NDI1IDEuNDE2NjcgOC41QzEuNDE2NjcgMTIuNDA1NyA0LjU5NDI1IDE1LjU4MzMgOC41IDE1LjU4MzNDMTIuNDA1NyAxNS41ODMzIDE1LjU4MzMgMTIuNDA1NyAxNS41ODMzIDguNUMxNS41ODMzIDQuNTk0MjUgMTIuNDA1NyAxLjQxNjY3IDguNSAxLjQxNjY3Wk05LjIwODMzIDguNVY0LjI1QzkuMjA4MzMgMy44NTkgOC44OTEgMy41NDE2NyA4LjUgMy41NDE2N0M4LjEwOSAzLjU0MTY3IDcuNzkxNjcgMy44NTkgNy43OTE2NyA0LjI1VjcuNzkxNjdINS42NjY2N0M1LjI3NTY3IDcuNzkxNjcgNC45NTgzMyA4LjEwOSA0Ljk1ODMzIDguNUM0Ljk1ODMzIDguODkxIDUuMjc1NjcgOS4yMDgzMyA1LjY2NjY3IDkuMjA4MzNIOC41QzguODkxIDkuMjA4MzMgOS4yMDgzMyA4Ljg5MSA5LjIwODMzIDguNVpcIlxuICAgICAgZmlsbD1cIiMxRjI5MzdcIlxuICAgIC8+XG4gIDwvc3ZnPlxuXG4gIDxzdmdcbiAgICAqbmdJZj1cInN0YXRlID09PSAnY2FuY2VsZWQnXCJcbiAgICB3aWR0aD1cIjEyXCJcbiAgICBoZWlnaHQ9XCIxNFwiXG4gICAgdmlld0JveD1cIjAgMCAxNCAxNlwiXG4gICAgZmlsbD1cIm5vbmVcIlxuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICA+XG4gICAgPHBhdGhcbiAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgY2xpcC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICBkPVwiTTExLjU0OTcgNC44Njg1OVY1Ljc2MDQ2QzEyLjEwNzUgNi4wMDM5MSAxMi41ODIzIDYuNDA0NjQgMTIuOTE2IDYuOTEzNjRDMTMuMjQ5NyA3LjQyMjY0IDEzLjQyNzkgOC4wMTc4NSAxMy40Mjg3IDguNjI2NDhWMTIuMzg0NEMxMy40Mjc3IDEzLjIxNDYgMTMuMDk3NCAxNC4wMTA2IDEyLjUxMDMgMTQuNTk3NkMxMS45MjMzIDE1LjE4NDcgMTEuMTI3MyAxNS41MTUgMTAuMjk3MSAxNS41MTZINC4wMzM5MkMzLjIwMzY4IDE1LjUxNSAyLjQwNzczIDE1LjE4NDcgMS44MjA2NiAxNC41OTc2QzEuMjMzNTkgMTQuMDEwNiAwLjkwMzMzOCAxMy4yMTQ2IDAuOTAyMzQ0IDEyLjM4NDRWOC42MjY0OEMwLjkwMzE0NCA4LjAxNzg1IDEuMDgxMjkgNy40MjI2NCAxLjQxNDk4IDYuOTEzNjRDMS43NDg2OCA2LjQwNDY0IDIuMjIzNDcgNi4wMDM5MSAyLjc4MTI5IDUuNzYwNDZWNC44Njg1OUMyLjc4MTI5IDMuNzA1ODIgMy4yNDMyIDIuNTkwNjggNC4wNjU0IDEuNzY4NDhDNC44ODc2IDAuOTQ2MjgyIDYuMDAyNzQgMC40ODQzNzUgNy4xNjU1IDAuNDg0Mzc1QzguMzI4MjcgMC40ODQzNzUgOS40NDM0MSAwLjk0NjI4MiAxMC4yNjU2IDEuNzY4NDhDMTEuMDg3OCAyLjU5MDY4IDExLjU0OTcgMy43MDU4MiAxMS41NDk3IDQuODY4NTlaTTQuOTUxMTQgMi42NTQyMkM0LjM2Mzg2IDMuMjQxNTEgNC4wMzM5MiA0LjAzODA0IDQuMDMzOTIgNC44Njg1OVY1LjQ5NDlIMTAuMjk3MVY0Ljg2ODU5QzEwLjI5NzEgNC4wMzgwNCA5Ljk2NzE1IDMuMjQxNTEgOS4zNzk4NiAyLjY1NDIyQzguNzkyNTggMi4wNjY5NCA3Ljk5NjA1IDEuNzM3MDEgNy4xNjU1IDEuNzM3MDFDNi4zMzQ5NiAxLjczNzAxIDUuNTM4NDMgMi4wNjY5NCA0Ljk1MTE0IDIuNjU0MjJaTTExLjYyNTcgMTMuNzEzQzExLjk3ODEgMTMuMzYwNiAxMi4xNzYgMTIuODgyNyAxMi4xNzYgMTIuMzg0NFY4LjYyNjQ4QzEyLjE3NiA4LjEyODE1IDExLjk3ODEgNy42NTAyMyAxMS42MjU3IDcuMjk3ODZDMTEuMjczMyA2Ljk0NTQ5IDEwLjc5NTQgNi43NDc1MyAxMC4yOTcxIDYuNzQ3NTNINC4wMzM5MkMzLjUzNTU5IDYuNzQ3NTMgMy4wNTc2OCA2Ljk0NTQ5IDIuNzA1MzEgNy4yOTc4NkMyLjM1Mjk0IDcuNjUwMjMgMi4xNTQ5OCA4LjEyODE1IDIuMTU0OTggOC42MjY0OFYxMi4zODQ0QzIuMTU0OTggMTIuODgyNyAyLjM1Mjk0IDEzLjM2MDYgMi43MDUzMSAxMy43MTNDMy4wNTc2OCAxNC4wNjU0IDMuNTM1NTkgMTQuMjYzMyA0LjAzMzkyIDE0LjI2MzNIMTAuMjk3MUMxMC43OTU0IDE0LjI2MzMgMTEuMjczMyAxNC4wNjU0IDExLjYyNTcgMTMuNzEzWk02LjcyMjYzIDkuNDM2MTVDNi44NDAwOSA5LjMxODY5IDYuOTk5MzkgOS4yNTI3MSA3LjE2NTUgOS4yNTI3MUM3LjMzMTYxIDkuMjUyNzEgNy40OTA5MiA5LjMxODY5IDcuNjA4MzcgOS40MzYxNUM3LjcyNTgzIDkuNTUzNjEgNy43OTE4MiA5LjcxMjkxIDcuNzkxODIgOS44NzkwMlYxMS4xMzE3QzcuNzkxODIgMTEuMjk3OCA3LjcyNTgzIDExLjQ1NzEgNy42MDgzNyAxMS41NzQ1QzcuNDkwOTIgMTEuNjkyIDcuMzMxNjEgMTEuNzU4IDcuMTY1NSAxMS43NThDNi45OTkzOSAxMS43NTggNi44NDAwOSAxMS42OTIgNi43MjI2MyAxMS41NzQ1QzYuNjA1MTcgMTEuNDU3MSA2LjUzOTE5IDExLjI5NzggNi41MzkxOSAxMS4xMzE3VjkuODc5MDJDNi41MzkxOSA5LjcxMjkxIDYuNjA1MTcgOS41NTM2MSA2LjcyMjYzIDkuNDM2MTVaXCJcbiAgICAgIGZpbGw9XCIjNTg1QzY1XCJcbiAgICAvPlxuICA8L3N2Zz5cblxuICA8cD5cbiAgICB7eyBzdGF0ZVRleHRbc3RhdGVdIH19XG4gIDwvcD5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class BetaTagComponent {
|
|
4
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BetaTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BetaTagComponent, isStandalone: true, selector: "app-beta-tag", ngImport: i0, template: "<div class=\"betta-tag pulse\">Beta</div>\n", styles: [".betta-tag{position:absolute;background-color:#34c38f;padding:1px 4px;border-radius:4px;border:1px solid #ffffff;font-size:10px;color:#fff;z-index:9;right:-6px;top:-10px;font-weight:600;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}\n"] });
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BetaTagComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'app-beta-tag', standalone: true, template: "<div class=\"betta-tag pulse\">Beta</div>\n", styles: [".betta-tag{position:absolute;background-color:#34c38f;padding:1px 4px;border-radius:4px;border:1px solid #ffffff;font-size:10px;color:#fff;z-index:9;right:-6px;top:-10px;font-weight:600;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}\n"] }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmV0YS10YWcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMtc291cmNlL2JldGEtdGFnL2JldGEtdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9iZXRhLXRhZy9iZXRhLXRhZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVExQyxNQUFNLE9BQU8sZ0JBQWdCO3dHQUFoQixnQkFBZ0I7NEZBQWhCLGdCQUFnQix3RUNSN0IsNkNBQ0E7OzRGRE9hLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDSSxjQUFjLGNBR1osSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwcC1iZXRhLXRhZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JldGEtdGFnLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iZXRhLXRhZy5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgQmV0YVRhZ0NvbXBvbmVudCB7XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJiZXR0YS10YWcgcHVsc2VcIj5CZXRhPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component, Input, NO_ERRORS_SCHEMA } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class BreadcrumbComponent {
|
|
6
|
+
items = [];
|
|
7
|
+
imageIcon = "pi pi-home";
|
|
8
|
+
homeRoute = "/";
|
|
9
|
+
home;
|
|
10
|
+
ngOnInit() {
|
|
11
|
+
this.home = { icon: this.imageIcon, routerLink: this.homeRoute };
|
|
12
|
+
}
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BreadcrumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { items: "items", imageIcon: "imageIcon", homeRoute: "homeRoute" }, ngImport: i0, template: "<div class=\"breadcrumb-container\">\n <ul class=\"breadcrumb-list\">\n <li class=\"breadcrumb-item home\" *ngIf=\"home\">\n <a [href]=\"home.routerLink\">\n <i [class]=\"home.icon\"></i>\n </a>\n </li>\n <li class=\"breadcrumb-item\" *ngFor=\"let item of items\">\n <span class=\"separator\">/</span>\n <a [href]=\"item.routerLink\">{{ item.label }}</a>\n </li>\n </ul>\n</div>\n", styles: [":host ::ng-deep .breadcumb-list .p-breadcrumb{background:transparent;border:none;padding:0;border-radius:0}:host ::ng-deep .breadcumb-list .p-breadcrumb ol{margin:0;padding:0;min-width:max-content}:host ::ng-deep .breadcumb-list .p-breadcrumb li{font-size:14px}:host ::ng-deep .breadcumb-list .p-breadcrumb li .pi:before{font-size:14px}:host ::ng-deep .breadcumb-list .p-breadcrumb span.p-menuitem-text{color:#6b6f88;font-weight:400}:host ::ng-deep .breadcumb-list .p-breadcrumb svg{color:#a3a5b491;width:12px}:host ::ng-deep .breadcumb-list .p-breadcrumb li.p-disabled span.p-menuitem-text{color:#a3a6b8}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: "app-breadcrumb", standalone: true, imports: [CommonModule], schemas: [NO_ERRORS_SCHEMA], template: "<div class=\"breadcrumb-container\">\n <ul class=\"breadcrumb-list\">\n <li class=\"breadcrumb-item home\" *ngIf=\"home\">\n <a [href]=\"home.routerLink\">\n <i [class]=\"home.icon\"></i>\n </a>\n </li>\n <li class=\"breadcrumb-item\" *ngFor=\"let item of items\">\n <span class=\"separator\">/</span>\n <a [href]=\"item.routerLink\">{{ item.label }}</a>\n </li>\n </ul>\n</div>\n", styles: [":host ::ng-deep .breadcumb-list .p-breadcrumb{background:transparent;border:none;padding:0;border-radius:0}:host ::ng-deep .breadcumb-list .p-breadcrumb ol{margin:0;padding:0;min-width:max-content}:host ::ng-deep .breadcumb-list .p-breadcrumb li{font-size:14px}:host ::ng-deep .breadcumb-list .p-breadcrumb li .pi:before{font-size:14px}:host ::ng-deep .breadcumb-list .p-breadcrumb span.p-menuitem-text{color:#6b6f88;font-weight:400}:host ::ng-deep .breadcumb-list .p-breadcrumb svg{color:#a3a5b491;width:12px}:host ::ng-deep .breadcumb-list .p-breadcrumb li.p-disabled span.p-menuitem-text{color:#a3a6b8}\n"] }]
|
|
19
|
+
}], propDecorators: { items: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], imageIcon: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], homeRoute: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy1zb3VyY2UvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFVL0MsTUFBTSxPQUFPLG1CQUFtQjtJQUNyQixLQUFLLEdBQVUsRUFBRSxDQUFDO0lBQ2xCLFNBQVMsR0FBVyxZQUFZLENBQUM7SUFDakMsU0FBUyxHQUFXLEdBQUcsQ0FBQztJQUUxQixJQUFJLENBQU07SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25FLENBQUM7d0dBVFUsbUJBQW1COzRGQUFuQixtQkFBbUIsc0pDWGhDLHVhQWFBLHdwQkRQWSxZQUFZOzs0RkFLWCxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFdBR2QsQ0FBQyxnQkFBZ0IsQ0FBQzs4QkFHbEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgTk9fRVJST1JTX1NDSEVNQSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtYnJlYWRjcnVtYlwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6IFwiLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzXCJdLFxuICBzY2hlbWFzOiBbTk9fRVJST1JTX1NDSEVNQV0sXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBpdGVtczogYW55W10gPSBbXTtcbiAgQElucHV0KCkgaW1hZ2VJY29uOiBzdHJpbmcgPSBcInBpIHBpLWhvbWVcIjtcbiAgQElucHV0KCkgaG9tZVJvdXRlOiBzdHJpbmcgPSBcIi9cIjtcblxuICBwdWJsaWMgaG9tZTogYW55O1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaG9tZSA9IHsgaWNvbjogdGhpcy5pbWFnZUljb24sIHJvdXRlckxpbms6IHRoaXMuaG9tZVJvdXRlIH07XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJicmVhZGNydW1iLWNvbnRhaW5lclwiPlxuICA8dWwgY2xhc3M9XCJicmVhZGNydW1iLWxpc3RcIj5cbiAgICA8bGkgY2xhc3M9XCJicmVhZGNydW1iLWl0ZW0gaG9tZVwiICpuZ0lmPVwiaG9tZVwiPlxuICAgICAgPGEgW2hyZWZdPVwiaG9tZS5yb3V0ZXJMaW5rXCI+XG4gICAgICAgIDxpIFtjbGFzc109XCJob21lLmljb25cIj48L2k+XG4gICAgICA8L2E+XG4gICAgPC9saT5cbiAgICA8bGkgY2xhc3M9XCJicmVhZGNydW1iLWl0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzZXBhcmF0b3JcIj4vPC9zcGFuPlxuICAgICAgPGEgW2hyZWZdPVwiaXRlbS5yb3V0ZXJMaW5rXCI+e3sgaXRlbS5sYWJlbCB9fTwvYT5cbiAgICA8L2xpPlxuICA8L3VsPlxuPC9kaXY+XG4iXX0=
|