@design-factory/design-factory 15.2.2 → 16.0.0
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 +17 -1
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-Bold.ttf +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-Bold.woff +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-Bold.woff2 +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-BoldItalic.ttf +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-BoldItalic.woff +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-BoldItalic.woff2 +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-Light.ttf +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-Light.woff +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-Light.woff2 +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-LightItalic.ttf +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-LightItalic.woff +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-LightItalic.woff2 +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-Medium.ttf +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-Medium.woff +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-Medium.woff2 +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-MediumItalic.ttf +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-MediumItalic.woff +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-MediumItalic.woff2 +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-Regular.ttf +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-Regular.woff +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-Regular.woff2 +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-RegularItalic.ttf +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-RegularItalic.woff +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-RegularItalic.woff2 +0 -0
- package/design-factory-initial-branding.css +1 -0
- package/design-factory-initial-branding.scss +1 -0
- package/design-factory.css +1 -3
- package/design-factory.scss +1 -0
- package/esm2022/lib/angular/accessibility/components/skip-links-container/skip-links-container.component.mjs +3 -3
- package/esm2022/lib/angular/df.module.mjs +102 -0
- package/esm2022/lib/angular/icon/amadeus-icon.mjs +2 -2
- package/esm2022/lib/angular/stepper/stepper.component.mjs +65 -0
- package/esm2022/lib/angular/stepper/stepper.directive.mjs +174 -0
- package/esm2022/lib/angular/stepper/stepper.module.mjs +17 -0
- package/esm2022/lib/angular/stepper/stepper.service.mjs +213 -0
- package/esm2022/lib/index.mjs +9 -94
- package/fesm2022/design-factory.mjs +1854 -1394
- package/fesm2022/design-factory.mjs.map +1 -1
- package/lib/angular/df.module.d.ts +26 -0
- package/lib/angular/stepper/stepper.component.d.ts +31 -0
- package/lib/angular/stepper/stepper.directive.d.ts +37 -0
- package/lib/angular/stepper/stepper.module.d.ts +8 -0
- package/lib/angular/stepper/stepper.service.d.ts +126 -0
- package/lib/index.d.ts +7 -22
- package/package.json +23 -4
- package/schematics/migrations/15_0_0/remove-ngx-slider/index.js +0 -1
- package/schematics/migrations/16_0_0/navbar-logo-dark/index.d.ts +9 -0
- package/schematics/migrations/16_0_0/navbar-logo-dark/index.js +43 -0
- package/schematics/migrations/16_0_0/revert-to-old-brand/index.d.ts +7 -0
- package/schematics/migrations/16_0_0/revert-to-old-brand/index.js +115 -0
- package/schematics/migrations/16_0_0/scss-var/files/removed.json +55 -0
- package/schematics/migrations/16_0_0/scss-var/files/renames.json +76 -0
- package/schematics/migrations/16_0_0/scss-var/index.d.ts +7 -0
- package/schematics/migrations/16_0_0/scss-var/index.js +57 -0
- package/schematics/migrations/16_0_0/stepper-classes/index.d.ts +13 -0
- package/schematics/migrations/16_0_0/stepper-classes/index.js +63 -0
- package/schematics/migrations/helpers.js +0 -1
- package/schematics/migrations/migration.json +23 -1
- package/schematics/migrations/utils/component-resource-collector.d.ts +44 -0
- package/schematics/migrations/utils/component-resource-collector.js +166 -0
- package/schematics/migrations/utils/project_tsconfig_paths.js +0 -1
- package/schematics/migrations/utils/style-updater.d.ts +9 -0
- package/schematics/migrations/utils/style-updater.js +38 -0
- package/schematics/migrations/utils/template-updater.d.ts +9 -0
- package/schematics/migrations/utils/template-updater.js +38 -0
- package/schematics/migrations/utils/typescript/compiler_host.js +0 -1
- package/schematics/migrations/utils/typescript/decorators.d.ts +22 -0
- package/schematics/migrations/utils/typescript/decorators.js +41 -0
- package/schematics/migrations/utils/typescript/functions.d.ts +14 -0
- package/schematics/migrations/utils/typescript/functions.js +20 -0
- package/schematics/migrations/utils/typescript/imports.d.ts +17 -0
- package/schematics/migrations/utils/typescript/imports.js +110 -0
- package/schematics/migrations/utils/typescript/line-mappings.d.ts +21 -0
- package/schematics/migrations/utils/typescript/line-mappings.js +75 -0
- package/schematics/migrations/utils/typescript/parse_tsconfig.js +0 -1
- package/schematics/migrations/utils/typescript/property-name.d.ts +18 -0
- package/schematics/migrations/utils/typescript/property-name.js +27 -0
- package/schematics/ng-add/index.js +0 -1
- package/schematics/ng-add/schema.js +0 -1
- package/styles/scss/_common.root.scss +37 -0
- package/styles/scss/_common.scss +3 -9
- package/styles/scss/_common.variables.scss +16 -6
- package/styles/scss/_variables.scss +0 -1
- package/styles/scss/bootstrap/_maps.scss +10 -9
- package/styles/scss/bootstrap/_mixins-override.scss +26 -0
- package/styles/scss/bootstrap/_variables.scss +927 -267
- package/styles/scss/components/accordion/_accordion.scss +31 -14
- package/styles/scss/components/accordion/_accordion.variables.scss +5 -5
- package/styles/scss/components/alert/_alert.scss +130 -228
- package/styles/scss/components/alert/_alert.variables.scss +22 -33
- package/styles/scss/components/badge/_badge.scss +130 -118
- package/styles/scss/components/badge/_badge.variables.scss +14 -8
- package/styles/scss/components/brand-color/_brand-color.mixins.scss +19 -4
- package/styles/scss/components/brand-color/_brand-color.scss +4 -6
- package/styles/scss/components/brand-color/_brand-color.variables.scss +1 -7
- package/styles/scss/components/brand-color/_brand-color_container.scss +28 -0
- package/styles/scss/components/breadcrumbs/_breadcrumbs.scss +77 -65
- package/styles/scss/components/breadcrumbs/_breadcrumbs.variables.scss +6 -4
- package/styles/scss/components/button/_button.scss +120 -55
- package/styles/scss/components/button/_button.variables.scss +18 -4
- package/styles/scss/components/button/_button_container.scss +9 -45
- package/styles/scss/components/card/_card.scss +90 -58
- package/styles/scss/components/card/_card.variables.scss +13 -13
- package/styles/scss/components/carousel/_carousel.scss +22 -23
- package/styles/scss/components/carousel/_carousel.variables.scss +2 -1
- package/styles/scss/components/checkbox/_checkbox.scss +14 -8
- package/styles/scss/components/checkbox/_checkbox.variables.scss +2 -2
- package/styles/scss/components/collapse/_collapse.scss +15 -7
- package/styles/scss/components/collapse/_collapse.variables.scss +3 -3
- package/styles/scss/components/datepicker/_datepicker.scss +178 -122
- package/styles/scss/components/datepicker/_datepicker.variables.scss +22 -15
- package/styles/scss/components/dropdown/_dropdown.mixins.scss +4 -4
- package/styles/scss/components/dropdown/_dropdown.scss +39 -19
- package/styles/scss/components/dropdown/_dropdown.variables.scss +4 -4
- package/styles/scss/components/fieldset/_fieldset.scss +4 -2
- package/styles/scss/components/fonts/_fonts-family.scss +112 -29
- package/styles/scss/components/fonts/_fonts.root.scss +27 -0
- package/styles/scss/components/fonts/_fonts.scss +25 -26
- package/styles/scss/components/fonts/_fonts.variables.scss +2 -2
- package/styles/scss/components/footer/_footer.scss +48 -18
- package/styles/scss/components/footer/_footer.variables.scss +4 -2
- package/styles/scss/components/form/_form.scss +69 -16
- package/styles/scss/components/form/_form.variables.scss +23 -3
- package/styles/scss/components/icon/_amadeus-icon.scss +2 -2
- package/styles/scss/components/icon/_amadeus-icon.variables.scss +1 -0
- package/styles/scss/components/inputs/_inputs.mixin.scss +8 -4
- package/styles/scss/components/inputs/_inputs.root.scss +8 -0
- package/styles/scss/components/inputs/_inputs.scss +159 -118
- package/styles/scss/components/inputs/_inputs.variables.scss +2 -1
- package/styles/scss/components/link/_link.mixins.scss +49 -49
- package/styles/scss/components/link/_link.scss +84 -22
- package/styles/scss/components/link/_link.variables.scss +6 -6
- package/styles/scss/components/list/_list.scss +10 -5
- package/styles/scss/components/list-group/_list-group.scss +54 -48
- package/styles/scss/components/list-group/_list-group.variables.scss +6 -14
- package/styles/scss/components/media/_media.scss +17 -9
- package/styles/scss/components/media/_media.variables.scss +2 -1
- package/styles/scss/components/modal/_modal.scss +88 -39
- package/styles/scss/components/modal/_modal.variables.scss +4 -5
- package/styles/scss/components/navbar/_navbar.scss +298 -115
- package/styles/scss/components/navbar/_navbar.variables.scss +29 -18
- package/styles/scss/components/pagination/_pagination.scss +68 -82
- package/styles/scss/components/pagination/_pagination.variables.scss +5 -8
- package/styles/scss/components/pagination/_pagination_container.scss +3 -0
- package/styles/scss/components/popover/_popover.mixin.scss +20 -33
- package/styles/scss/components/popover/_popover.scss +25 -7
- package/styles/scss/components/popover/_popover_container.scss +123 -74
- package/styles/scss/components/progressbar/_progressbar.scss +15 -7
- package/styles/scss/components/progressbar/_progressbar.variables.scss +3 -2
- package/styles/scss/components/radio/_radio.scss +19 -14
- package/styles/scss/components/rating/_rating.scss +41 -22
- package/styles/scss/components/rating/_rating.variables.scss +5 -5
- package/styles/scss/components/scrollspy/_scrollspy.scss +30 -13
- package/styles/scss/components/scrollspy/_scrollspy.variables.scss +2 -1
- package/styles/scss/components/select/_select.scss +232 -166
- package/styles/scss/components/select/_select.variables.scss +15 -15
- package/styles/scss/components/separator/_separator.scss +2 -1
- package/styles/scss/components/sidenav/_sidenav.scss +208 -135
- package/styles/scss/components/sidenav/_sidenav.variables.scss +19 -20
- package/styles/scss/components/skip-links/_skip-links.scss +31 -16
- package/styles/scss/components/skip-links/_skip-links.variables.scss +6 -6
- package/styles/scss/components/slider/_slider.scss +11 -10
- package/styles/scss/components/slider/_slider.variables.scss +8 -8
- package/styles/scss/components/speechbubble/_speechbubble.scss +50 -30
- package/styles/scss/components/speechbubble/_speechbubble.variables.scss +4 -2
- package/styles/scss/components/spinner/_spinner.scss +34 -29
- package/styles/scss/components/stepper/_stepper.mixins.scss +111 -151
- package/styles/scss/components/stepper/_stepper.scss +163 -69
- package/styles/scss/components/stepper/_stepper.variables.scss +23 -17
- package/styles/scss/components/table/_advancedtables.scss +50 -31
- package/styles/scss/components/table/_table.variables.scss +3 -2
- package/styles/scss/components/tabs/_tabs.scss +98 -49
- package/styles/scss/components/tabs/_tabs.variables.scss +11 -10
- package/styles/scss/components/toast/_toast.scss +136 -68
- package/styles/scss/components/toast/_toast.variables.scss +4 -4
- package/styles/scss/components/toggle/_toggle.scss +90 -44
- package/styles/scss/components/toggle/_toggle.variables.scss +7 -5
- package/styles/scss/components/typeahead/_typeahead.scss +18 -8
- package/styles/scss/components/typeahead/_typeahead.variables.scss +1 -1
- package/styles/scss/df-styles-namespace.scss +8 -11
- package/styles/scss/df-styles.scss +6 -3
- package/styles/scss/themes/brand2023/_variables.scss +585 -0
- package/styles/scss/utilities/_common.utilities.scss +112 -32
- package/assets/fonts/amadeus-light/amadeus-light.svg +0 -8658
- package/assets/fonts/amadeus-light/amadeus-light.ttf +0 -0
- package/assets/fonts/amadeus-light/amadeus-light.woff +0 -0
- package/assets/fonts/amadeus-light/amadeus-light.woff2 +0 -0
- package/assets/icon-amadeus.svg +0 -1
- package/schematics/migrations/15_0_0/remove-ngx-slider/index.js.map +0 -1
- package/schematics/migrations/helpers.js.map +0 -1
- package/schematics/migrations/utils/project_tsconfig_paths.js.map +0 -1
- package/schematics/migrations/utils/typescript/compiler_host.js.map +0 -1
- package/schematics/migrations/utils/typescript/parse_tsconfig.js.map +0 -1
- package/schematics/ng-add/index.js.map +0 -1
- package/schematics/ng-add/schema.js.map +0 -1
- package/styles/scss/components/tooltip/_tooltip.scss +0 -3
- package/styles/scss/components/tooltip/_tooltip.variables.scss +0 -5
package/design-factory.scss
CHANGED
|
@@ -20,13 +20,13 @@ export class SkipLinksContainerComponent {
|
|
|
20
20
|
this.focusSubscription.unsubscribe();
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SkipLinksContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: SkipLinksContainerComponent, isStandalone: true, selector: "df-skip-links-container", queries: [{ propertyName: "links", predicate: SkipLinkDirective }], ngImport: i0, template: "<section class=\"df-skip-links__section\">\n <div class=\"df-skip-links\">\n <div\n class=\"df-skip-
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: SkipLinksContainerComponent, isStandalone: true, selector: "df-skip-links-container", queries: [{ propertyName: "links", predicate: SkipLinkDirective }], ngImport: i0, template: "<section class=\"df-skip-links__section\">\n <div class=\"df-skip-links\">\n <div\n class=\"df-skip-links-wrap list-group\"\n [class.focus]=\"inFocus\"\n (blur)=\"inFocus=false\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n</section>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SkipLinksContainerComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'df-skip-links-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<section class=\"df-skip-links__section\">\n <div class=\"df-skip-links\">\n <div\n class=\"df-skip-
|
|
27
|
+
args: [{ selector: 'df-skip-links-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<section class=\"df-skip-links__section\">\n <div class=\"df-skip-links\">\n <div\n class=\"df-skip-links-wrap list-group\"\n [class.focus]=\"inFocus\"\n (blur)=\"inFocus=false\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n</section>\n" }]
|
|
28
28
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { links: [{
|
|
29
29
|
type: ContentChildren,
|
|
30
30
|
args: [SkipLinkDirective]
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcC1saW5rcy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWZhY3Rvcnkvc3JjL2xpYi9hbmd1bGFyL2FjY2Vzc2liaWxpdHkvY29tcG9uZW50cy9za2lwLWxpbmtzLWNvbnRhaW5lci9za2lwLWxpbmtzLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tZmFjdG9yeS9zcmMvbGliL2FuZ3VsYXIvYWNjZXNzaWJpbGl0eS9jb21wb25lbnRzL3NraXAtbGlua3MtY29udGFpbmVyL3NraXAtbGlua3MtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsZUFBZSxFQUlmLHVCQUF1QixFQUV4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFnQixNQUFNLE1BQU0sQ0FBQzs7QUFRM0MsTUFBTSxPQUFPLDJCQUEyQjtJQUt0QyxZQUFvQixjQUFpQztRQUFqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFKckQsWUFBTyxHQUFHLEtBQUssQ0FBQztJQUl3QyxDQUFDO0lBRXpELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDdEIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFjLEVBQUUsRUFBRTtZQUNyRyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3RDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdkMsQ0FBQzs4R0FuQlUsMkJBQTJCO2tHQUEzQiwyQkFBMkIseUdBRXJCLGlCQUFpQiw2QkNwQnBDLG1SQVdBOzsyRkRPYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0UseUJBQXlCLG1CQUVsQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUk7d0dBSTRCLEtBQUs7c0JBQWhELGVBQWU7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2tpcExpbmtEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3NraXAtbGluay5kaXJlY3RpdmUnO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIFF1ZXJ5TGlzdCxcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgT25EZXN0cm95LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBtZXJnZSwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RmLXNraXAtbGlua3MtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NraXAtbGlua3MtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgU2tpcExpbmtzQ29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCwgT25EZXN0cm95IHtcbiAgaW5Gb2N1cyA9IGZhbHNlO1xuICBAQ29udGVudENoaWxkcmVuKFNraXBMaW5rRGlyZWN0aXZlKSBwcml2YXRlIGxpbmtzITogUXVlcnlMaXN0PFNraXBMaW5rRGlyZWN0aXZlPjtcbiAgcHJpdmF0ZSBmb2N1c1N1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvbjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgaWYgKCF0aGlzLmxpbmtzLmxlbmd0aCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmZvY3VzU3Vic2NyaXB0aW9uID0gbWVyZ2UoLi4udGhpcy5saW5rcy5tYXAoKGxpbmspID0+IGxpbmsuaW5Gb2N1cykpLnN1YnNjcmliZSgoZm9jdXM6IGJvb2xlYW4pID0+IHtcbiAgICAgIHRoaXMuaW5Gb2N1cyA9IGZvY3VzO1xuICAgICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmZvY3VzU3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiZGYtc2tpcC1saW5rc19fc2VjdGlvblwiPlxuICA8ZGl2IGNsYXNzPVwiZGYtc2tpcC1saW5rc1wiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiZGYtc2tpcC1saW5rcy13cmFwIGxpc3QtZ3JvdXBcIlxuICAgICAgW2NsYXNzLmZvY3VzXT1cImluRm9jdXNcIlxuICAgICAgKGJsdXIpPVwiaW5Gb2N1cz1mYWxzZVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { DfAlertModule } from './alert/alert.module';
|
|
3
|
+
import { DfDatePickerModule } from './datepicker/datepicker.module';
|
|
4
|
+
import { DfSelectModule } from './selects/select.module';
|
|
5
|
+
import { DfPopoverModule } from './popover/popover.module';
|
|
6
|
+
import { DfProgressbarModule } from './progressbar/progressbar.module';
|
|
7
|
+
import { DfAdvancedInputModule } from './inputs/input-advanced.module';
|
|
8
|
+
import { DfAccessibilityModule } from './accessibility/accessibility.module';
|
|
9
|
+
import { DfIconModule } from './icon/icon.module';
|
|
10
|
+
import { DfSliderModule } from './slider/slider.module';
|
|
11
|
+
import { DfTooltipModule } from './tooltip/tooltip.module';
|
|
12
|
+
import { DfSideNavModule } from './sidenav/sidenav.module';
|
|
13
|
+
import { DfSideNavCollapseModule } from './sidenav/dfSideNavCollapse.module';
|
|
14
|
+
import { DfAdvancedCardModule } from './card/card-advanced.module';
|
|
15
|
+
import { DfProgressIndicatorModule } from './progressindicator/progressindicator.module';
|
|
16
|
+
import { DfFooterModule } from './footer/footer.module';
|
|
17
|
+
import { DfToastModule } from './toast/toast.module';
|
|
18
|
+
import { DfStepperModule } from './stepper/stepper.module';
|
|
19
|
+
import * as i0 from "@angular/core";
|
|
20
|
+
const DF_MODULES = [
|
|
21
|
+
DfAlertModule,
|
|
22
|
+
DfDatePickerModule,
|
|
23
|
+
DfSelectModule,
|
|
24
|
+
DfProgressbarModule,
|
|
25
|
+
DfProgressIndicatorModule,
|
|
26
|
+
DfAdvancedInputModule,
|
|
27
|
+
DfAccessibilityModule,
|
|
28
|
+
DfSliderModule,
|
|
29
|
+
DfPopoverModule,
|
|
30
|
+
DfIconModule,
|
|
31
|
+
DfTooltipModule,
|
|
32
|
+
DfSideNavModule,
|
|
33
|
+
DfSideNavCollapseModule,
|
|
34
|
+
DfAdvancedCardModule,
|
|
35
|
+
DfFooterModule,
|
|
36
|
+
DfToastModule,
|
|
37
|
+
DfStepperModule
|
|
38
|
+
];
|
|
39
|
+
/**
|
|
40
|
+
* @deprecated Import only the needed modules or use standalone components instead of DfModule
|
|
41
|
+
*/
|
|
42
|
+
export class DfModule {
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
44
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: DfModule, imports: [DfAlertModule,
|
|
45
|
+
DfDatePickerModule,
|
|
46
|
+
DfSelectModule,
|
|
47
|
+
DfProgressbarModule,
|
|
48
|
+
DfProgressIndicatorModule,
|
|
49
|
+
DfAdvancedInputModule,
|
|
50
|
+
DfAccessibilityModule,
|
|
51
|
+
DfSliderModule,
|
|
52
|
+
DfPopoverModule,
|
|
53
|
+
DfIconModule,
|
|
54
|
+
DfTooltipModule,
|
|
55
|
+
DfSideNavModule,
|
|
56
|
+
DfSideNavCollapseModule,
|
|
57
|
+
DfAdvancedCardModule,
|
|
58
|
+
DfFooterModule,
|
|
59
|
+
DfToastModule,
|
|
60
|
+
DfStepperModule], exports: [DfAlertModule,
|
|
61
|
+
DfDatePickerModule,
|
|
62
|
+
DfSelectModule,
|
|
63
|
+
DfProgressbarModule,
|
|
64
|
+
DfProgressIndicatorModule,
|
|
65
|
+
DfAdvancedInputModule,
|
|
66
|
+
DfAccessibilityModule,
|
|
67
|
+
DfSliderModule,
|
|
68
|
+
DfPopoverModule,
|
|
69
|
+
DfIconModule,
|
|
70
|
+
DfTooltipModule,
|
|
71
|
+
DfSideNavModule,
|
|
72
|
+
DfSideNavCollapseModule,
|
|
73
|
+
DfAdvancedCardModule,
|
|
74
|
+
DfFooterModule,
|
|
75
|
+
DfToastModule,
|
|
76
|
+
DfStepperModule] }); }
|
|
77
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfModule, imports: [DF_MODULES, DfAlertModule,
|
|
78
|
+
DfDatePickerModule,
|
|
79
|
+
DfSelectModule,
|
|
80
|
+
DfProgressbarModule,
|
|
81
|
+
DfProgressIndicatorModule,
|
|
82
|
+
DfAdvancedInputModule,
|
|
83
|
+
DfAccessibilityModule,
|
|
84
|
+
DfSliderModule,
|
|
85
|
+
DfPopoverModule,
|
|
86
|
+
DfIconModule,
|
|
87
|
+
DfTooltipModule,
|
|
88
|
+
DfSideNavModule,
|
|
89
|
+
DfSideNavCollapseModule,
|
|
90
|
+
DfAdvancedCardModule,
|
|
91
|
+
DfFooterModule,
|
|
92
|
+
DfToastModule,
|
|
93
|
+
DfStepperModule] }); }
|
|
94
|
+
}
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfModule, decorators: [{
|
|
96
|
+
type: NgModule,
|
|
97
|
+
args: [{
|
|
98
|
+
imports: DF_MODULES,
|
|
99
|
+
exports: DF_MODULES
|
|
100
|
+
}]
|
|
101
|
+
}] });
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGYubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWZhY3Rvcnkvc3JjL2xpYi9hbmd1bGFyL2RmLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNuRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUN6RixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFFM0QsTUFBTSxVQUFVLEdBQUc7SUFDakIsYUFBYTtJQUNiLGtCQUFrQjtJQUNsQixjQUFjO0lBQ2QsbUJBQW1CO0lBQ25CLHlCQUF5QjtJQUN6QixxQkFBcUI7SUFDckIscUJBQXFCO0lBQ3JCLGNBQWM7SUFDZCxlQUFlO0lBQ2YsWUFBWTtJQUNaLGVBQWU7SUFDZixlQUFlO0lBQ2YsdUJBQXVCO0lBQ3ZCLG9CQUFvQjtJQUNwQixjQUFjO0lBQ2QsYUFBYTtJQUNiLGVBQWU7Q0FDaEIsQ0FBQztBQUVGOztHQUVHO0FBS0gsTUFBTSxPQUFPLFFBQVE7OEdBQVIsUUFBUTsrR0FBUixRQUFRLFlBMUJuQixhQUFhO1lBQ2Isa0JBQWtCO1lBQ2xCLGNBQWM7WUFDZCxtQkFBbUI7WUFDbkIseUJBQXlCO1lBQ3pCLHFCQUFxQjtZQUNyQixxQkFBcUI7WUFDckIsY0FBYztZQUNkLGVBQWU7WUFDZixZQUFZO1lBQ1osZUFBZTtZQUNmLGVBQWU7WUFDZix1QkFBdUI7WUFDdkIsb0JBQW9CO1lBQ3BCLGNBQWM7WUFDZCxhQUFhO1lBQ2IsZUFBZSxhQWhCZixhQUFhO1lBQ2Isa0JBQWtCO1lBQ2xCLGNBQWM7WUFDZCxtQkFBbUI7WUFDbkIseUJBQXlCO1lBQ3pCLHFCQUFxQjtZQUNyQixxQkFBcUI7WUFDckIsY0FBYztZQUNkLGVBQWU7WUFDZixZQUFZO1lBQ1osZUFBZTtZQUNmLGVBQWU7WUFDZix1QkFBdUI7WUFDdkIsb0JBQW9CO1lBQ3BCLGNBQWM7WUFDZCxhQUFhO1lBQ2IsZUFBZTsrR0FVSixRQUFRLFlBSFYsVUFBVSxFQXZCbkIsYUFBYTtZQUNiLGtCQUFrQjtZQUNsQixjQUFjO1lBQ2QsbUJBQW1CO1lBQ25CLHlCQUF5QjtZQUN6QixxQkFBcUI7WUFDckIscUJBQXFCO1lBQ3JCLGNBQWM7WUFDZCxlQUFlO1lBQ2YsWUFBWTtZQUNaLGVBQWU7WUFDZixlQUFlO1lBQ2YsdUJBQXVCO1lBQ3ZCLG9CQUFvQjtZQUNwQixjQUFjO1lBQ2QsYUFBYTtZQUNiLGVBQWU7OzJGQVVKLFFBQVE7a0JBSnBCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLFVBQVU7b0JBQ25CLE9BQU8sRUFBRSxVQUFVO2lCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEZkFsZXJ0TW9kdWxlIH0gZnJvbSAnLi9hbGVydC9hbGVydC5tb2R1bGUnO1xuaW1wb3J0IHsgRGZEYXRlUGlja2VyTW9kdWxlIH0gZnJvbSAnLi9kYXRlcGlja2VyL2RhdGVwaWNrZXIubW9kdWxlJztcbmltcG9ydCB7IERmU2VsZWN0TW9kdWxlIH0gZnJvbSAnLi9zZWxlY3RzL3NlbGVjdC5tb2R1bGUnO1xuaW1wb3J0IHsgRGZQb3BvdmVyTW9kdWxlIH0gZnJvbSAnLi9wb3BvdmVyL3BvcG92ZXIubW9kdWxlJztcbmltcG9ydCB7IERmUHJvZ3Jlc3NiYXJNb2R1bGUgfSBmcm9tICcuL3Byb2dyZXNzYmFyL3Byb2dyZXNzYmFyLm1vZHVsZSc7XG5pbXBvcnQgeyBEZkFkdmFuY2VkSW5wdXRNb2R1bGUgfSBmcm9tICcuL2lucHV0cy9pbnB1dC1hZHZhbmNlZC5tb2R1bGUnO1xuaW1wb3J0IHsgRGZBY2Nlc3NpYmlsaXR5TW9kdWxlIH0gZnJvbSAnLi9hY2Nlc3NpYmlsaXR5L2FjY2Vzc2liaWxpdHkubW9kdWxlJztcbmltcG9ydCB7IERmSWNvbk1vZHVsZSB9IGZyb20gJy4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBEZlNsaWRlck1vZHVsZSB9IGZyb20gJy4vc2xpZGVyL3NsaWRlci5tb2R1bGUnO1xuaW1wb3J0IHsgRGZUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcbmltcG9ydCB7IERmU2lkZU5hdk1vZHVsZSB9IGZyb20gJy4vc2lkZW5hdi9zaWRlbmF2Lm1vZHVsZSc7XG5pbXBvcnQgeyBEZlNpZGVOYXZDb2xsYXBzZU1vZHVsZSB9IGZyb20gJy4vc2lkZW5hdi9kZlNpZGVOYXZDb2xsYXBzZS5tb2R1bGUnO1xuaW1wb3J0IHsgRGZBZHZhbmNlZENhcmRNb2R1bGUgfSBmcm9tICcuL2NhcmQvY2FyZC1hZHZhbmNlZC5tb2R1bGUnO1xuaW1wb3J0IHsgRGZQcm9ncmVzc0luZGljYXRvck1vZHVsZSB9IGZyb20gJy4vcHJvZ3Jlc3NpbmRpY2F0b3IvcHJvZ3Jlc3NpbmRpY2F0b3IubW9kdWxlJztcbmltcG9ydCB7IERmRm9vdGVyTW9kdWxlIH0gZnJvbSAnLi9mb290ZXIvZm9vdGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBEZlRvYXN0TW9kdWxlIH0gZnJvbSAnLi90b2FzdC90b2FzdC5tb2R1bGUnO1xuaW1wb3J0IHsgRGZTdGVwcGVyTW9kdWxlIH0gZnJvbSAnLi9zdGVwcGVyL3N0ZXBwZXIubW9kdWxlJztcblxuY29uc3QgREZfTU9EVUxFUyA9IFtcbiAgRGZBbGVydE1vZHVsZSxcbiAgRGZEYXRlUGlja2VyTW9kdWxlLFxuICBEZlNlbGVjdE1vZHVsZSxcbiAgRGZQcm9ncmVzc2Jhck1vZHVsZSxcbiAgRGZQcm9ncmVzc0luZGljYXRvck1vZHVsZSxcbiAgRGZBZHZhbmNlZElucHV0TW9kdWxlLFxuICBEZkFjY2Vzc2liaWxpdHlNb2R1bGUsXG4gIERmU2xpZGVyTW9kdWxlLFxuICBEZlBvcG92ZXJNb2R1bGUsXG4gIERmSWNvbk1vZHVsZSxcbiAgRGZUb29sdGlwTW9kdWxlLFxuICBEZlNpZGVOYXZNb2R1bGUsXG4gIERmU2lkZU5hdkNvbGxhcHNlTW9kdWxlLFxuICBEZkFkdmFuY2VkQ2FyZE1vZHVsZSxcbiAgRGZGb290ZXJNb2R1bGUsXG4gIERmVG9hc3RNb2R1bGUsXG4gIERmU3RlcHBlck1vZHVsZVxuXTtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBJbXBvcnQgb25seSB0aGUgbmVlZGVkIG1vZHVsZXMgb3IgdXNlIHN0YW5kYWxvbmUgY29tcG9uZW50cyBpbnN0ZWFkIG9mIERmTW9kdWxlXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IERGX01PRFVMRVMsXG4gIGV4cG9ydHM6IERGX01PRFVMRVNcbn0pXG5leHBvcnQgY2xhc3MgRGZNb2R1bGUge30iXX0=
|
|
@@ -36,7 +36,7 @@ export class DfAmadeusIconComponent {
|
|
|
36
36
|
/>
|
|
37
37
|
</g>
|
|
38
38
|
</svg>
|
|
39
|
-
`, isInline: true, styles: [":host{min-width:60px}:host svg{margin:10%}:host.icon-primary{fill
|
|
39
|
+
`, isInline: true, styles: [":root{--df-navbar-height: 3.5rem}:host{min-width:60px}:host svg{margin:10%}:host.icon-primary{fill:var(--df-primary-500)}:host.icon-white{fill:#fff}\n"] }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfAmadeusIconComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
@@ -74,6 +74,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImpor
|
|
|
74
74
|
/>
|
|
75
75
|
</g>
|
|
76
76
|
</svg>
|
|
77
|
-
`, standalone: true, styles: [":host{min-width:60px}:host svg{margin:10%}:host.icon-primary{fill
|
|
77
|
+
`, standalone: true, styles: [":root{--df-navbar-height: 3.5rem}:host{min-width:60px}:host svg{margin:10%}:host.icon-primary{fill:var(--df-primary-500)}:host.icon-white{fill:#fff}\n"] }]
|
|
78
78
|
}] });
|
|
79
79
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1hZGV1cy1pY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWZhY3Rvcnkvc3JjL2xpYi9hbmd1bGFyL2ljb24vYW1hZGV1cy1pY29uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxlQUFlLENBQUM7O0FBMEN0RCxNQUFNLE9BQU8sc0JBQXNCOzhHQUF0QixzQkFBc0I7a0dBQXRCLHNCQUFzQiwyRUFyQ3ZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0NUOzsyRkFHVSxzQkFBc0I7a0JBeENsQyxTQUFTOytCQUNFLGlCQUFpQixZQUVqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtDVCxjQUNXLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGYtYW1hZGV1cy1pY29uJyxcbiAgc3R5bGVVcmxzOiBbJy4vYW1hZGV1cy1pY29uLnNjc3MnXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8c3ZnXG4gICAgICB2ZXJzaW9uPVwiMS4xXCJcbiAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCJcbiAgICAgIHg9XCIwcHhcIlxuICAgICAgeT1cIjBweFwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDUxMC4yIDY3LjlcIlxuICAgICAgc3R5bGU9XCJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMC4yIDY3Ljk7XCJcbiAgICAgIHhtbDpzcGFjZT1cInByZXNlcnZlXCJcbiAgICA+XG4gICAgICA8ZyBpZD1cIkxheWVyXzJcIj48L2c+XG4gICAgICA8ZyBpZD1cIkxheWVyXzFcIj5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTI2OS43LDBjLTguMywwLTE5LjgsMS40LTI2LjksNHY2MS45YzUuOCwxLjIsMTYuOCwyLDI0LjQsMmMyNiwwLDM2LjEtMTAuMiwzNi4xLTM0LjRDMzAzLjQsMTIuNSwyOTAuNSwwLDI2OS43LDBcbiAgICAgICAgTTI1Ny41LDEyLjZjMi40LTAuNSw3LTEuMSwxMS42LTEuMWMxMC42LDAsMTguOCw1LjksMTguOCwyMmMwLDE1LjUtNC4xLDIyLjktMjAuMiwyMi45Yy01LjIsMC0xMC4zLTAuOC0xMC4zLTAuOFYxMi42elxuICAgICAgICBNNDYxLjUsNjUuNWMwLDAsOSwyLjQsMjEuNywyLjRjMTIsMCwyNy00LjEsMjctMjAuM2MwLTEwLjYtNy44LTE1LjEtMjAuNS0xOS43Yy02LjktMi41LTEyLjctNC44LTEyLjctOS41XG4gICAgICBjMC0yLjMsMS43LTYuNywxMC41LTYuN2M4LjIsMCwxNi42LDMuOCwxNi42LDMuOGwzLjctMTAuOEM1MDUuMiwzLjQsNDk3LjIsMCw0ODYuMSwwYy0xMi4xLDAtMjMuOCw2LjQtMjMuOCwxOS4zXG4gICAgICBjMCwxMy4zLDEyLjEsMTcuMywyMS41LDIwLjVjNi40LDIuMiwxMS44LDQuNCwxMS44LDguN2MwLDQuMS0yLjMsNy43LTEzLjEsNy43Yy04LjksMC0xOC4zLTItMTguMy0yTDQ2MS41LDY1LjV6IE00MjkuNiw1MC4zXG4gICAgICBjLTMuNSwxLjctMTEsNC41LTE3LjksNC41Yy0xMCwwLTExLjctNC41LTExLjctMTQuOVYwLjZoLTIuMmMtMy4zLDAtMTAuNiwwLjYtMTIuNCwwLjl2NDAuM2MwLDE3LjYsNC4zLDI2LDIyLjIsMjZcbiAgICAgIGMxMy43LDAsMjEuNy01LjMsMjIuMi01LjNjMC4yLDAsNC45LDIuOSwxNC4zLDIuOXYtNjRjLTEtMC4yLTguMS0wLjktMTEuNy0wLjloLTIuOVY1MC4zeiBNMTk4LjUsMGMtMTMsMC0yMy4yLDMuMi0yNy4xLDUuMlxuICAgICAgbDMuMSwxMC45YzAsMCwxMC0zLjYsMTkuOC0zLjZjOC40LDAsMTIuNywyLjQsMTIuNywxMC42djQuN2gtMTIuN2MtMjEuNiwwLTI4LDkuOS0yOCwyMC44YzAsMTQuNSwxMS4zLDE5LjEsMjEuNiwxOS4xXG4gICAgICBjMTIsMCwxOC45LTUsMTkuOC01YzAuNywwLDMuMSwyLjYsMTQsMi42VjE5LjNDMjIxLjcsNS41LDIxMy4xLDAsMTk4LjUsMCBNMjA3LjEsNTIuN2MtMy4xLDEuMi0xMC43LDMuNy0xNi4yLDMuN1xuICAgICAgYy02LDAtMTAuNi0yLjEtMTAuNi04LjdjMC01LjcsMy4xLTksMTEuNC05LjNsMTUuNC0wLjZWNTIuN3ogTTMyLjIsMEMxOS4yLDAsOSwzLjIsNS4xLDUuMmwzLjEsMTAuOWMwLDAsMTAtMy42LDE5LjgtMy42XG4gICAgICBjOC40LDAsMTIuNywyLjQsMTIuNywxMC42djQuN0gyOGMtMjEuNiwwLTI4LDkuOS0yOCwyMC44YzAsMTQuNSwxMS4zLDE5LjEsMjEuNiwxOS4xYzEyLDAsMTguOS01LDE5LjgtNWMwLjcsMCwzLjEsMi42LDE0LDIuNlxuICAgICAgVjE5LjNDNTUuNCw1LjUsNDYuOCwwLDMyLjIsMCBNNDAuOSw1Mi43Yy0zLjEsMS4yLTEwLjcsMy43LTE2LjIsMy43Yy02LDAtMTAuNi0yLjEtMTAuNi04LjdjMC01LjcsMy4xLTksMTEuNC05LjNsMTUuNC0wLjZWNTIuN3pcbiAgICAgICAgTTExNCwzOWMtMC40LDAuOS0wLjgsMi43LTEuMSwzLjhjLTAuMy0xLTAuOC0yLjgtMS4xLTMuOEw5OSw2LjFDOTYuOCwwLjcsOTMuNCwwLDg3LjIsMGMtMi4yLDAtNi42LDAuMy02LjYsMC4zTDc0LDY2LjloMTQuNlxuICAgICAgbDMuMi00NC43bDEzLjksMzMuOGMxLDIuNiwzLjEsMy43LDcuMywzLjdjNC4xLDAsNi4yLTEsNy4zLTMuN0wxMzQsMjIuMmwzLjIsNDQuN2gxNC42bC02LjYtNjYuNmMwLDAtNC40LTAuMy02LjYtMC4zXG4gICAgICBjLTYuMiwwLTkuNiwwLjctMTEuOCw2LjFMMTE0LDM5eiBNMzIwLjgsNjQuN2MwLDAsMTEuMiwzLjEsMjUuNSwzLjFjMTUuMywwLDIyLjMtMS43LDIyLjMtMS43VjU0LjhjMCwwLTcuNiwxLjUtMTguMywxLjVcbiAgICAgIGMtOS4zLDAtMTUuMS0xLjItMTUuMS0xLjJ2LTE2aDI4LjlWMjcuOGgtMjguOVYxMi41YzAsMCw1LjctMSwxNC4xLTFjOS41LDAsMTguMSwxLjUsMTguMSwxLjVWMS42YzAsMC03LjUtMS42LTE5LjgtMS42XG4gICAgICBjLTE2LjMsMC0yNywyLjktMjcsMi45VjY0Ljd6XCJcbiAgICAgICAgLz5cbiAgICAgIDwvZz5cbiAgICA8L3N2Zz5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBEZkFtYWRldXNJY29uQ29tcG9uZW50IHt9XG4iXX0=
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { Component, ContentChildren, Directive, TemplateRef, inject, ChangeDetectionStrategy, Input, numberAttribute } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { DfStepperDirective, DfStepperStepDirective } from './stepper.directive';
|
|
4
|
+
import { DfStepperService } from './stepper.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "./stepper.directive";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
export class DfStepperStepContentDirective {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.templateRef = inject(TemplateRef);
|
|
11
|
+
/**
|
|
12
|
+
* The step index
|
|
13
|
+
* -1 means that the input index is not set
|
|
14
|
+
*/
|
|
15
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
16
|
+
this.dfStepperStepContent = -1;
|
|
17
|
+
}
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperStepContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
19
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: DfStepperStepContentDirective, isStandalone: true, selector: "ng-template[dfStepperStepContent]", inputs: { dfStepperStepContent: ["dfStepperStepContent", "dfStepperStepContent", (value) => numberAttribute(value, -1)] }, ngImport: i0 }); }
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperStepContentDirective, decorators: [{
|
|
22
|
+
type: Directive,
|
|
23
|
+
args: [{ selector: 'ng-template[dfStepperStepContent]', standalone: true }]
|
|
24
|
+
}], propDecorators: { dfStepperStepContent: [{
|
|
25
|
+
type: Input,
|
|
26
|
+
args: [{ transform: (value) => numberAttribute(value, -1) }]
|
|
27
|
+
}] } });
|
|
28
|
+
/**
|
|
29
|
+
* Stepper component is a component to provide a step by step navigation
|
|
30
|
+
* You have two ways to navigate through the steps:
|
|
31
|
+
* - Using the linear navigation, where you can only go to the next step
|
|
32
|
+
* - Using the non-linear navigation, where you can go to any step
|
|
33
|
+
*/
|
|
34
|
+
export class DfStepperComponent {
|
|
35
|
+
constructor() {
|
|
36
|
+
this.stepperService = inject(DfStepperService);
|
|
37
|
+
this.mapStepToContent = new Map();
|
|
38
|
+
this.stepperService.stepperState$.subscribe((state) => {
|
|
39
|
+
this.state = state;
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
ngAfterContentInit() {
|
|
43
|
+
this.tplStepsContent.forEach((tplStepContent) => {
|
|
44
|
+
if (tplStepContent.dfStepperStepContent !== -1) {
|
|
45
|
+
this.mapStepToContent.set(tplStepContent.dfStepperStepContent, tplStepContent.templateRef);
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: DfStepperComponent, isStandalone: true, selector: "[dfStepper]", host: { attributes: { "role": "tablist" }, properties: { "class.df-vertical-stepper": "state?.isVertical", "attr.aria-label": "stepperService.stepperAriaLabel", "attr.aria-orientation": "state?.isVertical ? \"vertical\": null" }, classAttribute: "df-stepper mb-2" }, queries: [{ propertyName: "tplStepsContent", predicate: DfStepperStepContentDirective }], hostDirectives: [{ directive: i1.DfStepperDirective }], ngImport: i0, template: "<ng-template #myStepperLine>\n <div class=\"df-stepper-line-wrapper\">\n <div class=\"df-stepper-line\">\n <div class=\"df-stepper-horizontal-line\"></div>\n </div>\n <div class=\"df-stepper-line d-none d-sm-flex\">\n <div class=\"flex-grow-1\"></div>\n </div>\n </div>\n</ng-template>\n<ng-container *ngIf=\"state\">\n <ng-template ngFor let-step [ngForOf]=\"state.steps\" let-i=\"index\">\n <button #stepbasic class=\"btn btn-link df-stepper-step\"\n dfStepperStep\n [class.active]=\"i === state.active\"\n [class.flex-row]=\"state.isInline\"\n [attr.tabIndex]=\"i === state.active ? 0 : -1\"\n [class.df-stepper-step-warning]=\"step.type === 'warning'\"\n [class.df-stepper-step-completed]=\"step.type === 'completed'\"\n [class.df-stepper-step-current]=\"step.type === 'current'\"\n [class.df-stepper-step-future]=\"step.type === 'future'\"\n [disabled]=\"state.isLinear && (step.type === 'future' || step.type === 'completed')\"\n role=\"tab\"\n [attr.aria-selected]=\"i === state.active ? 'true': 'false'\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"state.steps.length\" [attr.aria-controls]=\"step.ariaControl\" (click)=\"stepperService.selectWithFocus(i)\">\n <div\n [class.df-stepper-number-current]=\"step.type === 'current'\"\n [class.df-stepper-outline-icon]=\"step.type === 'warning'\"\n [class.icon-exclamation-triangle]=\"step.type === 'warning'\"\n [class.df-stepper-icon]=\"step.type === 'completed'\"\n [class.icon-check]=\"step.type === 'completed'\"\n [class.df-stepper-outline-number-future]=\"step.type === 'future'\"\n >\n <span aria-hidden=\"true\">{{stepperService.getStepNumberLabel(i)}}</span>\n </div>\n <div [class.align-items-center]=\"!state.isInline\"\n [class.flex-column]=\"state.isInline\"\n [class.mt-1]=\"!state.isInline\"\n [class.d-none]=\"!state.isVertical\"\n [class.d-sm-flex]=\"!state.isVertical\"\n [class.d-flex]=\"state.isVertical\">\n <span *ngIf=\"step.type === 'warning'\" class=\"visually-hidden\">{{stepperService.warningLabel}}</span>\n <span class=\"df-stepper-label\">{{step.label}}</span>\n <span *ngIf=\"state.isInline && step.optionalLabel\" class=\"df-stepper-optional-label\">{{step.optionalLabel}}</span>\n <span *ngIf=\"step.completed\" class=\"visually-hidden\">{{stepperService.completedLabel}}</span>\n </div>\n </button>\n <ng-container *ngIf=\"!state.isVertical && i < state.steps.length - 1 \" [ngTemplateOutlet]=\"myStepperLine\"></ng-container>\n <div *ngIf=\"state.isVertical && i < state.steps.length\" [class.d-none]=\"state.steps.length - 1 === i\" role=\"tabpanel\" [id]=\"step.ariaControl\" class=\"df-vertical-stepper-panel df-vertical-stepper-line\">\n <ng-template *ngIf=\"mapStepToContent.has(i) && state.active === i\" [ngTemplateOutlet]=\"mapStepToContent.get(i) || null\" [ngTemplateOutletContext]=\"{state, index: i, service: stepperService}\"></ng-template>\n </div>\n </ng-template>\n</ng-container>\n<div class=\"text-primary mb-2\"\n [class.d-block]=\"!state.isVertical\"\n [class.d-sm-none]=\"!state.isVertical\"\n [class.d-none]=\"state.isVertical\"\n *ngIf=\"stepperService.stepperState$ | async as state\">\n <span class=\"df-stepper-label\">{{state.steps[state.active].label}}</span>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "directive", type: DfStepperStepDirective, selector: "[dfStepperStep]", exportAs: ["dfStepperStep"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
|
+
}
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperComponent, decorators: [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{ selector: '[dfStepper]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, DfStepperDirective, DfStepperStepDirective], hostDirectives: [DfStepperDirective], host: {
|
|
55
|
+
role: 'tablist',
|
|
56
|
+
class: 'df-stepper mb-2',
|
|
57
|
+
'[class.df-vertical-stepper]': 'state?.isVertical',
|
|
58
|
+
'[attr.aria-label]': 'stepperService.stepperAriaLabel',
|
|
59
|
+
'[attr.aria-orientation]': 'state?.isVertical ? "vertical": null'
|
|
60
|
+
}, template: "<ng-template #myStepperLine>\n <div class=\"df-stepper-line-wrapper\">\n <div class=\"df-stepper-line\">\n <div class=\"df-stepper-horizontal-line\"></div>\n </div>\n <div class=\"df-stepper-line d-none d-sm-flex\">\n <div class=\"flex-grow-1\"></div>\n </div>\n </div>\n</ng-template>\n<ng-container *ngIf=\"state\">\n <ng-template ngFor let-step [ngForOf]=\"state.steps\" let-i=\"index\">\n <button #stepbasic class=\"btn btn-link df-stepper-step\"\n dfStepperStep\n [class.active]=\"i === state.active\"\n [class.flex-row]=\"state.isInline\"\n [attr.tabIndex]=\"i === state.active ? 0 : -1\"\n [class.df-stepper-step-warning]=\"step.type === 'warning'\"\n [class.df-stepper-step-completed]=\"step.type === 'completed'\"\n [class.df-stepper-step-current]=\"step.type === 'current'\"\n [class.df-stepper-step-future]=\"step.type === 'future'\"\n [disabled]=\"state.isLinear && (step.type === 'future' || step.type === 'completed')\"\n role=\"tab\"\n [attr.aria-selected]=\"i === state.active ? 'true': 'false'\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"state.steps.length\" [attr.aria-controls]=\"step.ariaControl\" (click)=\"stepperService.selectWithFocus(i)\">\n <div\n [class.df-stepper-number-current]=\"step.type === 'current'\"\n [class.df-stepper-outline-icon]=\"step.type === 'warning'\"\n [class.icon-exclamation-triangle]=\"step.type === 'warning'\"\n [class.df-stepper-icon]=\"step.type === 'completed'\"\n [class.icon-check]=\"step.type === 'completed'\"\n [class.df-stepper-outline-number-future]=\"step.type === 'future'\"\n >\n <span aria-hidden=\"true\">{{stepperService.getStepNumberLabel(i)}}</span>\n </div>\n <div [class.align-items-center]=\"!state.isInline\"\n [class.flex-column]=\"state.isInline\"\n [class.mt-1]=\"!state.isInline\"\n [class.d-none]=\"!state.isVertical\"\n [class.d-sm-flex]=\"!state.isVertical\"\n [class.d-flex]=\"state.isVertical\">\n <span *ngIf=\"step.type === 'warning'\" class=\"visually-hidden\">{{stepperService.warningLabel}}</span>\n <span class=\"df-stepper-label\">{{step.label}}</span>\n <span *ngIf=\"state.isInline && step.optionalLabel\" class=\"df-stepper-optional-label\">{{step.optionalLabel}}</span>\n <span *ngIf=\"step.completed\" class=\"visually-hidden\">{{stepperService.completedLabel}}</span>\n </div>\n </button>\n <ng-container *ngIf=\"!state.isVertical && i < state.steps.length - 1 \" [ngTemplateOutlet]=\"myStepperLine\"></ng-container>\n <div *ngIf=\"state.isVertical && i < state.steps.length\" [class.d-none]=\"state.steps.length - 1 === i\" role=\"tabpanel\" [id]=\"step.ariaControl\" class=\"df-vertical-stepper-panel df-vertical-stepper-line\">\n <ng-template *ngIf=\"mapStepToContent.has(i) && state.active === i\" [ngTemplateOutlet]=\"mapStepToContent.get(i) || null\" [ngTemplateOutletContext]=\"{state, index: i, service: stepperService}\"></ng-template>\n </div>\n </ng-template>\n</ng-container>\n<div class=\"text-primary mb-2\"\n [class.d-block]=\"!state.isVertical\"\n [class.d-sm-none]=\"!state.isVertical\"\n [class.d-none]=\"state.isVertical\"\n *ngIf=\"stepperService.stepperState$ | async as state\">\n <span class=\"df-stepper-label\">{{state.steps[state.active].label}}</span>\n</div>" }]
|
|
61
|
+
}], ctorParameters: function () { return []; }, propDecorators: { tplStepsContent: [{
|
|
62
|
+
type: ContentChildren,
|
|
63
|
+
args: [DfStepperStepContentDirective]
|
|
64
|
+
}] } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tZmFjdG9yeS9zcmMvbGliL2FuZ3VsYXIvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1mYWN0b3J5L3NyYy9saWIvYW5ndWxhci9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsU0FBUyxFQUNULFdBQVcsRUFDWCxNQUFNLEVBRU4sdUJBQXVCLEVBQ3ZCLEtBQUssRUFDTCxlQUFlLEVBRWhCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQTRCLGdCQUFnQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFHL0UsTUFBTSxPQUFPLDZCQUE2QjtJQUQxQztRQUVFLGdCQUFXLEdBQXFCLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNwRDs7O1dBR0c7UUFDSCwyREFBMkQ7UUFDVyx5QkFBb0IsR0FBRyxDQUFDLENBQUMsQ0FBQztLQUNqRzs4R0FSWSw2QkFBNkI7a0dBQTdCLDZCQUE2QixzSkFPcEIsQ0FBQyxLQUFjLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7OzJGQVB2RCw2QkFBNkI7a0JBRHpDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsbUNBQW1DLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRTs4QkFRTixvQkFBb0I7c0JBQXpGLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxLQUFjLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTs7QUFHdEU7Ozs7O0dBS0c7QUFrQkgsTUFBTSxPQUFPLGtCQUFrQjtJQU83QjtRQU5BLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDMUMscUJBQWdCLEdBQWtDLElBQUksR0FBRyxFQUE0QixDQUFDO1FBTXBGLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ3BELElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLGNBQWMsRUFBRSxFQUFFO1lBQzlDLElBQUksY0FBYyxDQUFDLG9CQUFvQixLQUFLLENBQUMsQ0FBQyxFQUFFO2dCQUM5QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsRUFBRSxjQUFjLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDNUY7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBbkJVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLGtYQUlaLDZCQUE2QixxRkN0RGhELDQzR0E0RE0sMkNEckJNLFlBQVksNGRBQXNCLHNCQUFzQjs7MkZBV3ZELGtCQUFrQjtrQkFqQjlCLFNBQVM7K0JBRUUsYUFBYSxjQUVYLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxzQkFBc0IsQ0FBQyxrQkFDbkQsQ0FBQyxrQkFBa0IsQ0FBQyxRQUU5Qjt3QkFDSixJQUFJLEVBQUUsU0FBUzt3QkFDZixLQUFLLEVBQUUsaUJBQWlCO3dCQUN4Qiw2QkFBNkIsRUFBRSxtQkFBbUI7d0JBQ2xELG1CQUFtQixFQUFFLGlDQUFpQzt3QkFDdEQseUJBQXlCLEVBQUUsc0NBQXNDO3FCQUNsRTswRUFNK0MsZUFBZTtzQkFBOUQsZUFBZTt1QkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRGlyZWN0aXZlLFxuICBUZW1wbGF0ZVJlZixcbiAgaW5qZWN0LFxuICBRdWVyeUxpc3QsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBJbnB1dCxcbiAgbnVtYmVyQXR0cmlidXRlLFxuICBBZnRlckNvbnRlbnRJbml0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERmU3RlcHBlckRpcmVjdGl2ZSwgRGZTdGVwcGVyU3RlcERpcmVjdGl2ZSB9IGZyb20gJy4vc3RlcHBlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGZTdGVwcGVyTm9ybWFsaXplZFN0YXRlLCBEZlN0ZXBwZXJTZXJ2aWNlIH0gZnJvbSAnLi9zdGVwcGVyLnNlcnZpY2UnO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICduZy10ZW1wbGF0ZVtkZlN0ZXBwZXJTdGVwQ29udGVudF0nLCBzdGFuZGFsb25lOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgRGZTdGVwcGVyU3RlcENvbnRlbnREaXJlY3RpdmUge1xuICB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PiA9IGluamVjdChUZW1wbGF0ZVJlZik7XG4gIC8qKlxuICAgKiBUaGUgc3RlcCBpbmRleFxuICAgKiAtMSBtZWFucyB0aGF0IHRoZSBpbnB1dCBpbmRleCBpcyBub3Qgc2V0XG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoeyB0cmFuc2Zvcm06ICh2YWx1ZTogdW5rbm93bikgPT4gbnVtYmVyQXR0cmlidXRlKHZhbHVlLCAtMSkgfSkgZGZTdGVwcGVyU3RlcENvbnRlbnQgPSAtMTtcbn1cblxuLyoqXG4gKiBTdGVwcGVyIGNvbXBvbmVudCBpcyBhIGNvbXBvbmVudCB0byBwcm92aWRlIGEgc3RlcCBieSBzdGVwIG5hdmlnYXRpb25cbiAqIFlvdSBoYXZlIHR3byB3YXlzIHRvIG5hdmlnYXRlIHRocm91Z2ggdGhlIHN0ZXBzOlxuICogLSBVc2luZyB0aGUgbGluZWFyIG5hdmlnYXRpb24sIHdoZXJlIHlvdSBjYW4gb25seSBnbyB0byB0aGUgbmV4dCBzdGVwXG4gKiAtIFVzaW5nIHRoZSBub24tbGluZWFyIG5hdmlnYXRpb24sIHdoZXJlIHlvdSBjYW4gZ28gdG8gYW55IHN0ZXBcbiAqL1xuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnW2RmU3RlcHBlcl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBEZlN0ZXBwZXJEaXJlY3RpdmUsIERmU3RlcHBlclN0ZXBEaXJlY3RpdmVdLFxuICBob3N0RGlyZWN0aXZlczogW0RmU3RlcHBlckRpcmVjdGl2ZV0sXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taG9zdC1tZXRhZGF0YS1wcm9wZXJ0eVxuICBob3N0OiB7XG4gICAgcm9sZTogJ3RhYmxpc3QnLFxuICAgIGNsYXNzOiAnZGYtc3RlcHBlciBtYi0yJyxcbiAgICAnW2NsYXNzLmRmLXZlcnRpY2FsLXN0ZXBwZXJdJzogJ3N0YXRlPy5pc1ZlcnRpY2FsJyxcbiAgICAnW2F0dHIuYXJpYS1sYWJlbF0nOiAnc3RlcHBlclNlcnZpY2Uuc3RlcHBlckFyaWFMYWJlbCcsXG4gICAgJ1thdHRyLmFyaWEtb3JpZW50YXRpb25dJzogJ3N0YXRlPy5pc1ZlcnRpY2FsID8gXCJ2ZXJ0aWNhbFwiOiBudWxsJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERmU3RlcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICBzdGVwcGVyU2VydmljZSA9IGluamVjdChEZlN0ZXBwZXJTZXJ2aWNlKTtcbiAgbWFwU3RlcFRvQ29udGVudDogTWFwPG51bWJlciwgVGVtcGxhdGVSZWY8YW55Pj4gPSBuZXcgTWFwPG51bWJlciwgVGVtcGxhdGVSZWY8YW55Pj4oKTtcblxuICBAQ29udGVudENoaWxkcmVuKERmU3RlcHBlclN0ZXBDb250ZW50RGlyZWN0aXZlKSB0cGxTdGVwc0NvbnRlbnQhOiBRdWVyeUxpc3Q8RGZTdGVwcGVyU3RlcENvbnRlbnREaXJlY3RpdmU+O1xuICBzdGF0ZTogRGZTdGVwcGVyTm9ybWFsaXplZFN0YXRlIHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuc3RlcHBlclNlcnZpY2Uuc3RlcHBlclN0YXRlJC5zdWJzY3JpYmUoKHN0YXRlKSA9PiB7XG4gICAgICB0aGlzLnN0YXRlID0gc3RhdGU7XG4gICAgfSk7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy50cGxTdGVwc0NvbnRlbnQuZm9yRWFjaCgodHBsU3RlcENvbnRlbnQpID0+IHtcbiAgICAgIGlmICh0cGxTdGVwQ29udGVudC5kZlN0ZXBwZXJTdGVwQ29udGVudCAhPT0gLTEpIHtcbiAgICAgICAgdGhpcy5tYXBTdGVwVG9Db250ZW50LnNldCh0cGxTdGVwQ29udGVudC5kZlN0ZXBwZXJTdGVwQ29udGVudCwgdHBsU3RlcENvbnRlbnQudGVtcGxhdGVSZWYpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI215U3RlcHBlckxpbmU+XG4gIDxkaXYgY2xhc3M9XCJkZi1zdGVwcGVyLWxpbmUtd3JhcHBlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJkZi1zdGVwcGVyLWxpbmVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkZi1zdGVwcGVyLWhvcml6b250YWwtbGluZVwiPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJkZi1zdGVwcGVyLWxpbmUgZC1ub25lIGQtc20tZmxleFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZsZXgtZ3Jvdy0xXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZVwiPlxuICA8bmctdGVtcGxhdGUgbmdGb3IgbGV0LXN0ZXAgW25nRm9yT2ZdPVwic3RhdGUuc3RlcHNcIiBsZXQtaT1cImluZGV4XCI+XG4gICAgPGJ1dHRvbiAjc3RlcGJhc2ljIGNsYXNzPVwiYnRuIGJ0bi1saW5rIGRmLXN0ZXBwZXItc3RlcFwiXG4gICAgICBkZlN0ZXBwZXJTdGVwXG4gICAgICBbY2xhc3MuYWN0aXZlXT1cImkgPT09IHN0YXRlLmFjdGl2ZVwiXG4gICAgICBbY2xhc3MuZmxleC1yb3ddPVwic3RhdGUuaXNJbmxpbmVcIlxuICAgICAgW2F0dHIudGFiSW5kZXhdPVwiaSA9PT0gc3RhdGUuYWN0aXZlID8gMCA6IC0xXCJcbiAgICAgIFtjbGFzcy5kZi1zdGVwcGVyLXN0ZXAtd2FybmluZ109XCJzdGVwLnR5cGUgPT09ICd3YXJuaW5nJ1wiXG4gICAgICBbY2xhc3MuZGYtc3RlcHBlci1zdGVwLWNvbXBsZXRlZF09XCJzdGVwLnR5cGUgPT09ICdjb21wbGV0ZWQnXCJcbiAgICAgIFtjbGFzcy5kZi1zdGVwcGVyLXN0ZXAtY3VycmVudF09XCJzdGVwLnR5cGUgPT09ICdjdXJyZW50J1wiXG4gICAgICBbY2xhc3MuZGYtc3RlcHBlci1zdGVwLWZ1dHVyZV09XCJzdGVwLnR5cGUgPT09ICdmdXR1cmUnXCJcbiAgICAgIFtkaXNhYmxlZF09XCJzdGF0ZS5pc0xpbmVhciAmJiAoc3RlcC50eXBlID09PSAnZnV0dXJlJyB8fCBzdGVwLnR5cGUgPT09ICdjb21wbGV0ZWQnKVwiXG4gICAgICByb2xlPVwidGFiXCJcbiAgICAgIFthdHRyLmFyaWEtc2VsZWN0ZWRdPVwiaSA9PT0gc3RhdGUuYWN0aXZlID8gJ3RydWUnOiAnZmFsc2UnXCJcbiAgICAgIFthdHRyLmFyaWEtcG9zaW5zZXRdPVwiaSArIDFcIlxuICAgICAgW2F0dHIuYXJpYS1zZXRzaXplXT1cInN0YXRlLnN0ZXBzLmxlbmd0aFwiIFthdHRyLmFyaWEtY29udHJvbHNdPVwic3RlcC5hcmlhQ29udHJvbFwiIChjbGljayk9XCJzdGVwcGVyU2VydmljZS5zZWxlY3RXaXRoRm9jdXMoaSlcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgW2NsYXNzLmRmLXN0ZXBwZXItbnVtYmVyLWN1cnJlbnRdPVwic3RlcC50eXBlID09PSAnY3VycmVudCdcIlxuICAgICAgICBbY2xhc3MuZGYtc3RlcHBlci1vdXRsaW5lLWljb25dPVwic3RlcC50eXBlID09PSAnd2FybmluZydcIlxuICAgICAgICBbY2xhc3MuaWNvbi1leGNsYW1hdGlvbi10cmlhbmdsZV09XCJzdGVwLnR5cGUgPT09ICd3YXJuaW5nJ1wiXG4gICAgICAgIFtjbGFzcy5kZi1zdGVwcGVyLWljb25dPVwic3RlcC50eXBlID09PSAnY29tcGxldGVkJ1wiXG4gICAgICAgIFtjbGFzcy5pY29uLWNoZWNrXT1cInN0ZXAudHlwZSA9PT0gJ2NvbXBsZXRlZCdcIlxuICAgICAgICBbY2xhc3MuZGYtc3RlcHBlci1vdXRsaW5lLW51bWJlci1mdXR1cmVdPVwic3RlcC50eXBlID09PSAnZnV0dXJlJ1wiXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCI+e3tzdGVwcGVyU2VydmljZS5nZXRTdGVwTnVtYmVyTGFiZWwoaSl9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBbY2xhc3MuYWxpZ24taXRlbXMtY2VudGVyXT1cIiFzdGF0ZS5pc0lubGluZVwiXG4gICAgICBbY2xhc3MuZmxleC1jb2x1bW5dPVwic3RhdGUuaXNJbmxpbmVcIlxuICAgICAgICBbY2xhc3MubXQtMV09XCIhc3RhdGUuaXNJbmxpbmVcIlxuICAgICAgICBbY2xhc3MuZC1ub25lXT1cIiFzdGF0ZS5pc1ZlcnRpY2FsXCJcbiAgICAgICAgW2NsYXNzLmQtc20tZmxleF09XCIhc3RhdGUuaXNWZXJ0aWNhbFwiXG4gICAgICAgIFtjbGFzcy5kLWZsZXhdPVwic3RhdGUuaXNWZXJ0aWNhbFwiPlxuICAgICAgICA8c3BhbiAqbmdJZj1cInN0ZXAudHlwZSA9PT0gJ3dhcm5pbmcnXCIgY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57e3N0ZXBwZXJTZXJ2aWNlLndhcm5pbmdMYWJlbH19PC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImRmLXN0ZXBwZXItbGFiZWxcIj57e3N0ZXAubGFiZWx9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJzdGF0ZS5pc0lubGluZSAmJiBzdGVwLm9wdGlvbmFsTGFiZWxcIiBjbGFzcz1cImRmLXN0ZXBwZXItb3B0aW9uYWwtbGFiZWxcIj57e3N0ZXAub3B0aW9uYWxMYWJlbH19PC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cInN0ZXAuY29tcGxldGVkXCIgY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57e3N0ZXBwZXJTZXJ2aWNlLmNvbXBsZXRlZExhYmVsfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2J1dHRvbj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXN0YXRlLmlzVmVydGljYWwgJiYgaSA8IHN0YXRlLnN0ZXBzLmxlbmd0aCAtIDEgXCIgW25nVGVtcGxhdGVPdXRsZXRdPVwibXlTdGVwcGVyTGluZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDxkaXYgKm5nSWY9XCJzdGF0ZS5pc1ZlcnRpY2FsICYmIGkgPCBzdGF0ZS5zdGVwcy5sZW5ndGhcIiBbY2xhc3MuZC1ub25lXT1cInN0YXRlLnN0ZXBzLmxlbmd0aCAtIDEgPT09IGlcIiByb2xlPVwidGFicGFuZWxcIiBbaWRdPVwic3RlcC5hcmlhQ29udHJvbFwiIGNsYXNzPVwiZGYtdmVydGljYWwtc3RlcHBlci1wYW5lbCBkZi12ZXJ0aWNhbC1zdGVwcGVyLWxpbmVcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAqbmdJZj1cIm1hcFN0ZXBUb0NvbnRlbnQuaGFzKGkpICYmIHN0YXRlLmFjdGl2ZSA9PT0gaVwiIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1hcFN0ZXBUb0NvbnRlbnQuZ2V0KGkpIHx8IG51bGxcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwie3N0YXRlLCBpbmRleDogaSwgc2VydmljZTogc3RlcHBlclNlcnZpY2V9XCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctY29udGFpbmVyPlxuPGRpdiBjbGFzcz1cInRleHQtcHJpbWFyeSBtYi0yXCJcbiAgW2NsYXNzLmQtYmxvY2tdPVwiIXN0YXRlLmlzVmVydGljYWxcIlxuICBbY2xhc3MuZC1zbS1ub25lXT1cIiFzdGF0ZS5pc1ZlcnRpY2FsXCJcbiAgW2NsYXNzLmQtbm9uZV09XCJzdGF0ZS5pc1ZlcnRpY2FsXCJcbiAgKm5nSWY9XCJzdGVwcGVyU2VydmljZS5zdGVwcGVyU3RhdGUkIHwgYXN5bmMgYXMgc3RhdGVcIj5cbiAgPHNwYW4gY2xhc3M9XCJkZi1zdGVwcGVyLWxhYmVsXCI+e3tzdGF0ZS5zdGVwc1tzdGF0ZS5hY3RpdmVdLmxhYmVsfX08L3NwYW4+XG48L2Rpdj4iXX0=
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import { Directive, ElementRef, HostListener, Renderer2, inject } from '@angular/core';
|
|
2
|
+
import { DfDirectionDetectionService, RightToLeftDirectionEnum } from '../right-to-left/directionDetection.service';
|
|
3
|
+
import { DfStepperService } from './stepper.service';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export const DF_STEP_CLASS = 'df-stepper-step';
|
|
6
|
+
export class DfStepperStepDirective {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.unlistener = [];
|
|
9
|
+
this.renderer2 = inject(Renderer2);
|
|
10
|
+
this.element = inject(ElementRef);
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
this.unlistener.push(this.renderer2.listen(this.element.nativeElement, 'focus', () => {
|
|
14
|
+
this.handleFocusTabIndex();
|
|
15
|
+
}));
|
|
16
|
+
this.unlistener.push(this.renderer2.listen(this.element.nativeElement, 'blur', (event) => {
|
|
17
|
+
this.handleBlurTabIndex(event);
|
|
18
|
+
}));
|
|
19
|
+
}
|
|
20
|
+
handleFocusTabIndex() {
|
|
21
|
+
this.element.nativeElement.tabIndex = 0;
|
|
22
|
+
}
|
|
23
|
+
handleBlurTabIndex(event) {
|
|
24
|
+
if (event.relatedTarget &&
|
|
25
|
+
'classList' in event.relatedTarget &&
|
|
26
|
+
event.relatedTarget.classList.contains(DF_STEP_CLASS)) {
|
|
27
|
+
this.element.nativeElement.tabIndex = -1;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
ngOnDestroy() {
|
|
31
|
+
this.unlistener.forEach((ul) => ul());
|
|
32
|
+
}
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperStepDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
34
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: DfStepperStepDirective, isStandalone: true, selector: "[dfStepperStep]", exportAs: ["dfStepperStep"], ngImport: i0 }); }
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperStepDirective, decorators: [{
|
|
37
|
+
type: Directive,
|
|
38
|
+
args: [{
|
|
39
|
+
selector: '[dfStepperStep]',
|
|
40
|
+
exportAs: 'dfStepperStep',
|
|
41
|
+
standalone: true
|
|
42
|
+
}]
|
|
43
|
+
}] });
|
|
44
|
+
export class DfStepperDirective {
|
|
45
|
+
constructor() {
|
|
46
|
+
this.stepperService = inject(DfStepperService);
|
|
47
|
+
this.element = inject(ElementRef);
|
|
48
|
+
this.rtlDirectionService = inject(DfDirectionDetectionService);
|
|
49
|
+
}
|
|
50
|
+
ngOnInit() {
|
|
51
|
+
this.direction = this.rtlDirectionService.getPageDirection(this.element);
|
|
52
|
+
}
|
|
53
|
+
handleEnterDown() {
|
|
54
|
+
this.handleSelect();
|
|
55
|
+
}
|
|
56
|
+
handleSpaceDown() {
|
|
57
|
+
this.handleSelect();
|
|
58
|
+
}
|
|
59
|
+
handleGoPrevious() {
|
|
60
|
+
if (this.direction === RightToLeftDirectionEnum.LeftToRight) {
|
|
61
|
+
this.arrowLeftInnerHandler();
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
this.arrowRightInnerHandler();
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
handleGoNext() {
|
|
68
|
+
if (this.direction === RightToLeftDirectionEnum.LeftToRight) {
|
|
69
|
+
this.arrowRightInnerHandler();
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
this.arrowLeftInnerHandler();
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
handleKeyDownRight(event) {
|
|
76
|
+
if (!this.stepperService.state.isVertical) {
|
|
77
|
+
this.handleGoNext();
|
|
78
|
+
event.preventDefault();
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
handleKeyDown(event) {
|
|
82
|
+
if (!this.stepperService.state.isVertical) {
|
|
83
|
+
this.handleGoPrevious();
|
|
84
|
+
event.preventDefault();
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
handleKeyDownUp(event) {
|
|
88
|
+
if (this.stepperService.state.isVertical) {
|
|
89
|
+
this.handleGoNext();
|
|
90
|
+
event.preventDefault();
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
handleKeyDownDown(event) {
|
|
94
|
+
if (this.stepperService.state.isVertical) {
|
|
95
|
+
this.handleGoPrevious();
|
|
96
|
+
event.preventDefault();
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
getSteps() {
|
|
100
|
+
return this.element.nativeElement.querySelectorAll(`:scope .${DF_STEP_CLASS}`);
|
|
101
|
+
}
|
|
102
|
+
handleSelect() {
|
|
103
|
+
const listStep = this.getSteps();
|
|
104
|
+
const currentPos = Array.prototype.indexOf.call(listStep, document.activeElement);
|
|
105
|
+
if (currentPos !== -1) {
|
|
106
|
+
listStep[currentPos].click();
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
arrowRightInnerHandler() {
|
|
110
|
+
const listStep = this.getSteps();
|
|
111
|
+
const currentPos = Array.prototype.indexOf.call(listStep, document.activeElement);
|
|
112
|
+
// Test if the focus is in the list (otherwise we do nothing)
|
|
113
|
+
if (currentPos !== -1) {
|
|
114
|
+
// we put the focus on the next element.
|
|
115
|
+
if (currentPos === listStep.length - 1) {
|
|
116
|
+
listStep[0].focus();
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
listStep[currentPos + 1].focus();
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
arrowLeftInnerHandler() {
|
|
124
|
+
const listStep = this.getSteps();
|
|
125
|
+
const currentPos = Array.prototype.indexOf.call(listStep, document.activeElement);
|
|
126
|
+
// Test if the focus is in the list (otherwise we do nothing)
|
|
127
|
+
if (currentPos !== -1) {
|
|
128
|
+
// we put the focus on the next element.
|
|
129
|
+
if (currentPos === 0) {
|
|
130
|
+
listStep[listStep.length - 1].focus();
|
|
131
|
+
}
|
|
132
|
+
else {
|
|
133
|
+
listStep[currentPos - 1].focus();
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
ngAfterViewChecked() {
|
|
138
|
+
// Put back the focus on the active elements
|
|
139
|
+
if (this.stepperService.setFocus) {
|
|
140
|
+
const listStep = this.getSteps();
|
|
141
|
+
listStep[this.stepperService.state.active].focus();
|
|
142
|
+
this.stepperService.resetFocus();
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
146
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: DfStepperDirective, isStandalone: true, selector: "[dfStepperLogic]", host: { listeners: { "keydown.Enter": "handleEnterDown()", "keydown.Space": "handleSpaceDown()", "keydown.arrowRight": "handleKeyDownRight($event)", "keydown.arrowLeft": "handleKeyDown($event)", "keydown.arrowDown": "handleKeyDownUp($event)", "keydown.arrowUp": "handleKeyDownDown($event)" } }, exportAs: ["dfStepperLogic"], ngImport: i0 }); }
|
|
147
|
+
}
|
|
148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperDirective, decorators: [{
|
|
149
|
+
type: Directive,
|
|
150
|
+
args: [{
|
|
151
|
+
selector: '[dfStepperLogic]',
|
|
152
|
+
exportAs: 'dfStepperLogic',
|
|
153
|
+
standalone: true
|
|
154
|
+
}]
|
|
155
|
+
}], propDecorators: { handleEnterDown: [{
|
|
156
|
+
type: HostListener,
|
|
157
|
+
args: ['keydown.Enter']
|
|
158
|
+
}], handleSpaceDown: [{
|
|
159
|
+
type: HostListener,
|
|
160
|
+
args: ['keydown.Space']
|
|
161
|
+
}], handleKeyDownRight: [{
|
|
162
|
+
type: HostListener,
|
|
163
|
+
args: ['keydown.arrowRight', ['$event']]
|
|
164
|
+
}], handleKeyDown: [{
|
|
165
|
+
type: HostListener,
|
|
166
|
+
args: ['keydown.arrowLeft', ['$event']]
|
|
167
|
+
}], handleKeyDownUp: [{
|
|
168
|
+
type: HostListener,
|
|
169
|
+
args: ['keydown.arrowDown', ['$event']]
|
|
170
|
+
}], handleKeyDownDown: [{
|
|
171
|
+
type: HostListener,
|
|
172
|
+
args: ['keydown.arrowUp', ['$event']]
|
|
173
|
+
}] } });
|
|
174
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tZmFjdG9yeS9zcmMvbGliL2FuZ3VsYXIvc3RlcHBlci9zdGVwcGVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBR1osU0FBUyxFQUNULE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNwSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFDckQsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLGlCQUFpQixDQUFDO0FBTy9DLE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFNbUIsZUFBVSxHQUFzQixFQUFFLENBQUM7UUFFbkMsY0FBUyxHQUFjLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN6QyxZQUFPLEdBQWUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBZ0MzRDtJQTlCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUU7WUFDOUQsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7UUFDN0IsQ0FBQyxDQUFDLENBQ0gsQ0FBQztRQUNGLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsQ0FBQyxLQUFpQixFQUFFLEVBQUU7WUFDOUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEtBQUss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Q0FBQztnQkFTN0MsZUFBZTtzQkFEZCxZQUFZO3VCQUFDLG1CQUFtQixFQUFFLENBQUMsUUFBUSxDQUFDO2dCQVM3QyxpQkFBaUI7c0JBRGhCLFlBQVk7dUJBQUMsaUJBQWlCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdDaGVja2VkLFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIFJlbmRlcmVyMixcbiAgaW5qZWN0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGZEaXJlY3Rpb25EZXRlY3Rpb25TZXJ2aWNlLCBSaWdodFRvTGVmdERpcmVjdGlvbkVudW0gfSBmcm9tICcuLi9yaWdodC10by1sZWZ0L2RpcmVjdGlvbkRldGVjdGlvbi5zZXJ2aWNlJztcbmltcG9ydCB7IERmU3RlcHBlclNlcnZpY2UgfSBmcm9tICcuL3N0ZXBwZXIuc2VydmljZSc7XG5leHBvcnQgY29uc3QgREZfU1RFUF9DTEFTUyA9ICdkZi1zdGVwcGVyLXN0ZXAnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGZTdGVwcGVyU3RlcF0nLFxuICBleHBvcnRBczogJ2RmU3RlcHBlclN0ZXAnLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIERmU3RlcHBlclN0ZXBEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgdW5saXN0ZW5lcjogQXJyYXk8KCkgPT4gdm9pZD4gPSBbXTtcblxuICBwcml2YXRlIHJlYWRvbmx5IHJlbmRlcmVyMjogUmVuZGVyZXIyID0gaW5qZWN0KFJlbmRlcmVyMik7XG4gIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudDogRWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnVubGlzdGVuZXIucHVzaChcbiAgICAgIHRoaXMucmVuZGVyZXIyLmxpc3Rlbih0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ2ZvY3VzJywgKCkgPT4ge1xuICAgICAgICB0aGlzLmhhbmRsZUZvY3VzVGFiSW5kZXgoKTtcbiAgICAgIH0pXG4gICAgKTtcbiAgICB0aGlzLnVubGlzdGVuZXIucHVzaChcbiAgICAgIHRoaXMucmVuZGVyZXIyLmxpc3Rlbih0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ2JsdXInLCAoZXZlbnQ6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgICAgdGhpcy5oYW5kbGVCbHVyVGFiSW5kZXgoZXZlbnQpO1xuICAgICAgfSlcbiAgICApO1xuICB9XG5cbiAgaGFuZGxlRm9jdXNUYWJJbmRleCgpIHtcbiAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC50YWJJbmRleCA9IDA7XG4gIH1cblxuICBoYW5kbGVCbHVyVGFiSW5kZXgoZXZlbnQ6IEZvY3VzRXZlbnQpIHtcbiAgICBpZiAoXG4gICAgICBldmVudC5yZWxhdGVkVGFyZ2V0ICYmXG4gICAgICAnY2xhc3NMaXN0JyBpbiBldmVudC5yZWxhdGVkVGFyZ2V0ICYmXG4gICAgICAoZXZlbnQucmVsYXRlZFRhcmdldC5jbGFzc0xpc3QgYXMgRE9NVG9rZW5MaXN0KS5jb250YWlucyhERl9TVEVQX0NMQVNTKVxuICAgICkge1xuICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQudGFiSW5kZXggPSAtMTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLnVubGlzdGVuZXIuZm9yRWFjaCgodWwpID0+IHVsKCkpO1xuICB9XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkZlN0ZXBwZXJMb2dpY10nLFxuICBleHBvcnRBczogJ2RmU3RlcHBlckxvZ2ljJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBEZlN0ZXBwZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0NoZWNrZWQge1xuICBwcml2YXRlIGRpcmVjdGlvbiE6IHN0cmluZztcbiAgc3RlcHBlclNlcnZpY2UgPSBpbmplY3QoRGZTdGVwcGVyU2VydmljZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudDogRWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSBydGxEaXJlY3Rpb25TZXJ2aWNlOiBEZkRpcmVjdGlvbkRldGVjdGlvblNlcnZpY2UgPSBpbmplY3QoRGZEaXJlY3Rpb25EZXRlY3Rpb25TZXJ2aWNlKTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmRpcmVjdGlvbiA9IHRoaXMucnRsRGlyZWN0aW9uU2VydmljZS5nZXRQYWdlRGlyZWN0aW9uKHRoaXMuZWxlbWVudCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLkVudGVyJylcbiAgaGFuZGxlRW50ZXJEb3duKCkge1xuICAgIHRoaXMuaGFuZGxlU2VsZWN0KCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLlNwYWNlJylcbiAgaGFuZGxlU3BhY2VEb3duKCkge1xuICAgIHRoaXMuaGFuZGxlU2VsZWN0KCk7XG4gIH1cblxuICBwcml2YXRlIGhhbmRsZUdvUHJldmlvdXMoKSB7XG4gICAgaWYgKHRoaXMuZGlyZWN0aW9uID09PSBSaWdodFRvTGVmdERpcmVjdGlvbkVudW0uTGVmdFRvUmlnaHQpIHtcbiAgICAgIHRoaXMuYXJyb3dMZWZ0SW5uZXJIYW5kbGVyKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuYXJyb3dSaWdodElubmVySGFuZGxlcigpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlR29OZXh0KCkge1xuICAgIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gUmlnaHRUb0xlZnREaXJlY3Rpb25FbnVtLkxlZnRUb1JpZ2h0KSB7XG4gICAgICB0aGlzLmFycm93UmlnaHRJbm5lckhhbmRsZXIoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5hcnJvd0xlZnRJbm5lckhhbmRsZXIoKTtcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLmFycm93UmlnaHQnLCBbJyRldmVudCddKVxuICBoYW5kbGVLZXlEb3duUmlnaHQoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuc3RlcHBlclNlcnZpY2Uuc3RhdGUuaXNWZXJ0aWNhbCkge1xuICAgICAgdGhpcy5oYW5kbGVHb05leHQoKTtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5hcnJvd0xlZnQnLCBbJyRldmVudCddKVxuICBoYW5kbGVLZXlEb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLnN0ZXBwZXJTZXJ2aWNlLnN0YXRlLmlzVmVydGljYWwpIHtcbiAgICAgIHRoaXMuaGFuZGxlR29QcmV2aW91cygpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLmFycm93RG93bicsIFsnJGV2ZW50J10pXG4gIGhhbmRsZUtleURvd25VcChldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgIGlmICh0aGlzLnN0ZXBwZXJTZXJ2aWNlLnN0YXRlLmlzVmVydGljYWwpIHtcbiAgICAgIHRoaXMuaGFuZGxlR29OZXh0KCk7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uYXJyb3dVcCcsIFsnJGV2ZW50J10pXG4gIGhhbmRsZUtleURvd25Eb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuc3RlcHBlclNlcnZpY2Uuc3RhdGUuaXNWZXJ0aWNhbCkge1xuICAgICAgdGhpcy5oYW5kbGVHb1ByZXZpb3VzKCk7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG4gIGdldFN0ZXBzKCk6IEhUTUxCdXR0b25FbGVtZW50W10ge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsKGA6c2NvcGUgLiR7REZfU1RFUF9DTEFTU31gKTtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlU2VsZWN0KCkge1xuICAgIGNvbnN0IGxpc3RTdGVwID0gdGhpcy5nZXRTdGVwcygpO1xuICAgIGNvbnN0IGN1cnJlbnRQb3MgPSBBcnJheS5wcm90b3R5cGUuaW5kZXhPZi5jYWxsKGxpc3RTdGVwLCBkb2N1bWVudC5hY3RpdmVFbGVtZW50KTtcbiAgICBpZiAoY3VycmVudFBvcyAhPT0gLTEpIHtcbiAgICAgIGxpc3RTdGVwW2N1cnJlbnRQb3NdLmNsaWNrKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhcnJvd1JpZ2h0SW5uZXJIYW5kbGVyKCkge1xuICAgIGNvbnN0IGxpc3RTdGVwID0gdGhpcy5nZXRTdGVwcygpO1xuICAgIGNvbnN0IGN1cnJlbnRQb3MgPSBBcnJheS5wcm90b3R5cGUuaW5kZXhPZi5jYWxsKGxpc3RTdGVwLCBkb2N1bWVudC5hY3RpdmVFbGVtZW50KTtcbiAgICAvLyBUZXN0IGlmIHRoZSBmb2N1cyBpcyBpbiB0aGUgbGlzdCAob3RoZXJ3aXNlIHdlIGRvIG5vdGhpbmcpXG4gICAgaWYgKGN1cnJlbnRQb3MgIT09IC0xKSB7XG4gICAgICAvLyB3ZSBwdXQgdGhlIGZvY3VzIG9uIHRoZSBuZXh0IGVsZW1lbnQuXG4gICAgICBpZiAoY3VycmVudFBvcyA9PT0gbGlzdFN0ZXAubGVuZ3RoIC0gMSkge1xuICAgICAgICBsaXN0U3RlcFswXS5mb2N1cygpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbGlzdFN0ZXBbY3VycmVudFBvcyArIDFdLmZvY3VzKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhcnJvd0xlZnRJbm5lckhhbmRsZXIoKSB7XG4gICAgY29uc3QgbGlzdFN0ZXAgPSB0aGlzLmdldFN0ZXBzKCk7XG4gICAgY29uc3QgY3VycmVudFBvcyA9IEFycmF5LnByb3RvdHlwZS5pbmRleE9mLmNhbGwobGlzdFN0ZXAsIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQpO1xuICAgIC8vIFRlc3QgaWYgdGhlIGZvY3VzIGlzIGluIHRoZSBsaXN0IChvdGhlcndpc2Ugd2UgZG8gbm90aGluZylcbiAgICBpZiAoY3VycmVudFBvcyAhPT0gLTEpIHtcbiAgICAgIC8vIHdlIHB1dCB0aGUgZm9jdXMgb24gdGhlIG5leHQgZWxlbWVudC5cbiAgICAgIGlmIChjdXJyZW50UG9zID09PSAwKSB7XG4gICAgICAgIGxpc3RTdGVwW2xpc3RTdGVwLmxlbmd0aCAtIDFdLmZvY3VzKCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBsaXN0U3RlcFtjdXJyZW50UG9zIC0gMV0uZm9jdXMoKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XG4gICAgLy8gUHV0IGJhY2sgdGhlIGZvY3VzIG9uIHRoZSBhY3RpdmUgZWxlbWVudHNcbiAgICBpZiAodGhpcy5zdGVwcGVyU2VydmljZS5zZXRGb2N1cykge1xuICAgICAgY29uc3QgbGlzdFN0ZXA6IEhUTUxCdXR0b25FbGVtZW50W10gPSB0aGlzLmdldFN0ZXBzKCk7XG4gICAgICBsaXN0U3RlcFt0aGlzLnN0ZXBwZXJTZXJ2aWNlLnN0YXRlLmFjdGl2ZV0uZm9jdXMoKTtcbiAgICAgIHRoaXMuc3RlcHBlclNlcnZpY2UucmVzZXRGb2N1cygpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { DfStepperDirective, DfStepperStepDirective } from './stepper.directive';
|
|
3
|
+
import { DfStepperComponent, DfStepperStepContentDirective } from './stepper.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class DfStepperModule {
|
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: DfStepperModule, imports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective], exports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective] }); }
|
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperModule, imports: [DfStepperComponent] }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DfStepperModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
imports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective],
|
|
14
|
+
exports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective]
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tZmFjdG9yeS9zcmMvbGliL2FuZ3VsYXIvc3RlcHBlci9zdGVwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ2hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSw2QkFBNkIsRUFBQyxNQUFNLHFCQUFxQixDQUFDOztBQU12RixNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsWUFIaEIsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsNkJBQTZCLGFBQzdGLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLGtCQUFrQixFQUFFLDZCQUE2QjsrR0FFNUYsZUFBZSxZQUg0QixrQkFBa0I7OzJGQUc3RCxlQUFlO2tCQUozQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLGtCQUFrQixFQUFFLDZCQUE2QixDQUFDO29CQUN4RyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSw2QkFBNkIsQ0FBQztpQkFDekciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGZTdGVwcGVyRGlyZWN0aXZlLCBEZlN0ZXBwZXJTdGVwRGlyZWN0aXZlfSBmcm9tICcuL3N0ZXBwZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IERmU3RlcHBlckNvbXBvbmVudCwgRGZTdGVwcGVyU3RlcENvbnRlbnREaXJlY3RpdmV9IGZyb20gJy4vc3RlcHBlci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbRGZTdGVwcGVyRGlyZWN0aXZlLCBEZlN0ZXBwZXJTdGVwRGlyZWN0aXZlLCBEZlN0ZXBwZXJDb21wb25lbnQsIERmU3RlcHBlclN0ZXBDb250ZW50RGlyZWN0aXZlXSxcbiAgZXhwb3J0czogW0RmU3RlcHBlckRpcmVjdGl2ZSwgRGZTdGVwcGVyU3RlcERpcmVjdGl2ZSwgRGZTdGVwcGVyQ29tcG9uZW50LCBEZlN0ZXBwZXJTdGVwQ29udGVudERpcmVjdGl2ZV1cbn0pXG5leHBvcnQgY2xhc3MgRGZTdGVwcGVyTW9kdWxlIHt9XG4iXX0=
|