@lucca-front/ng 21.2.3-rc.4 → 21.3.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lucca-front-ng-a11y.mjs +3 -3
- package/fesm2022/lucca-front-ng-activity-feed.mjs +17 -12
- package/fesm2022/lucca-front-ng-activity-feed.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-api.mjs +46 -41
- package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-app-layout.mjs +3 -3
- package/fesm2022/lucca-front-ng-box.mjs +3 -3
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs +6 -6
- package/fesm2022/lucca-front-ng-bubble-icon.mjs +10 -4
- package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-bubble-illustration.mjs +10 -5
- package/fesm2022/lucca-front-ng-bubble-illustration.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-callout.mjs +32 -26
- package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-chip.mjs +10 -4
- package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-clear.mjs +9 -4
- package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-code.mjs +4 -4
- package/fesm2022/lucca-front-ng-code.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-color.mjs +9 -4
- package/fesm2022/lucca-front-ng-color.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-comment.mjs +16 -11
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-container.mjs +9 -4
- package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-api.mjs +9 -9
- package/fesm2022/lucca-front-ng-core-select-department.mjs +6 -6
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs +9 -9
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
- package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
- package/fesm2022/lucca-front-ng-core-select-user.mjs +32 -27
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +51 -51
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core.mjs +15 -15
- package/fesm2022/lucca-front-ng-data-table.mjs +45 -30
- package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date.mjs +40 -40
- package/fesm2022/lucca-front-ng-date2.mjs +30 -23
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-department.mjs +24 -24
- package/fesm2022/lucca-front-ng-dialog.mjs +41 -35
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +9 -4
- package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dropdown.mjs +40 -40
- package/fesm2022/lucca-front-ng-empty-state.mjs +16 -10
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-error-page.mjs +9 -4
- package/fesm2022/lucca-front-ng-error-page.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
- package/fesm2022/lucca-front-ng-fancy-box.mjs +9 -4
- package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs +44 -24
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills.mjs +26 -53
- package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-footer.mjs +10 -4
- package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +51 -33
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-header.mjs +9 -4
- package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-label.mjs +9 -4
- package/fesm2022/lucca-front-ng-form-label.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form.mjs +9 -6
- package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-formly.mjs +58 -58
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +32 -27
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +8 -9
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +38 -38
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +106 -48
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-gauge.mjs +3 -3
- package/fesm2022/lucca-front-ng-grid.mjs +21 -9
- package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-highlight-data.mjs +26 -4
- package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-highlight-text.mjs +26 -0
- package/fesm2022/lucca-front-ng-highlight-text.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +160 -15
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-impersonation.mjs +119 -0
- package/fesm2022/lucca-front-ng-impersonation.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-index-table.mjs +39 -33
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +11 -4
- package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-input.mjs +21 -21
- package/fesm2022/lucca-front-ng-link.mjs +6 -6
- package/fesm2022/lucca-front-ng-listbox.mjs +15 -10
- package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listing.mjs +8 -8
- package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-loading.mjs +9 -4
- package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-main-layout.mjs +6 -6
- package/fesm2022/lucca-front-ng-mobile-push.mjs +4 -4
- package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs +22 -22
- package/fesm2022/lucca-front-ng-multi-select.mjs +88 -70
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
- package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
- package/fesm2022/lucca-front-ng-number.mjs +7 -7
- package/fesm2022/lucca-front-ng-numeric-badge.mjs +9 -4
- package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-option.mjs +126 -126
- package/fesm2022/lucca-front-ng-page-header.mjs +3 -3
- package/fesm2022/lucca-front-ng-pagination.mjs +10 -5
- package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs +5 -5
- package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover.mjs +17 -17
- package/fesm2022/lucca-front-ng-popover2.mjs +7 -7
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popup.mjs +10 -10
- package/fesm2022/lucca-front-ng-progress-bar.mjs +9 -4
- package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-progress-stepper.mjs +12 -7
- package/fesm2022/lucca-front-ng-progress-stepper.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-read-more.mjs +10 -5
- package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-resource-card.mjs +19 -13
- package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
- package/fesm2022/lucca-front-ng-scroll-box.mjs +3 -3
- package/fesm2022/lucca-front-ng-scroll.mjs +7 -7
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +14 -8
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control.mjs +6 -6
- package/fesm2022/lucca-front-ng-select.mjs +14 -14
- package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
- package/fesm2022/lucca-front-ng-simple-select.mjs +32 -31
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +50 -28
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
- package/fesm2022/lucca-front-ng-software-icon.mjs +29 -25
- package/fesm2022/lucca-front-ng-software-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
- package/fesm2022/lucca-front-ng-status-badge.mjs +9 -4
- package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
- package/fesm2022/lucca-front-ng-tag.mjs +10 -5
- package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-text-flow.mjs +4 -4
- package/fesm2022/lucca-front-ng-text-flow.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-time.mjs +309 -63
- package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-title.mjs +10 -10
- package/fesm2022/lucca-front-ng-toast.mjs +11 -11
- package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +17 -17
- package/fesm2022/lucca-front-ng-tree-select.mjs +6 -6
- package/fesm2022/lucca-front-ng-user-popover.mjs +20 -19
- package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +104 -82
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
- package/package.json +13 -5
- package/schematics/lib/local-deps/package-lock.json +17 -79
- package/schematics/lib/local-deps/package.json +1 -1
- package/schematics/palettes/index.js +12 -1
- package/src/components/_picker.scss +2 -1
- package/types/lucca-front-ng-activity-feed.d.ts +8 -1
- package/types/lucca-front-ng-api.d.ts +22 -16
- package/types/lucca-front-ng-bubble-icon.d.ts +10 -1
- package/types/lucca-front-ng-bubble-illustration.d.ts +10 -4
- package/types/lucca-front-ng-callout.d.ts +21 -13
- package/types/lucca-front-ng-chip.d.ts +10 -1
- package/types/lucca-front-ng-clear.d.ts +8 -2
- package/types/lucca-front-ng-color.d.ts +8 -1
- package/types/lucca-front-ng-comment.d.ts +8 -1
- package/types/lucca-front-ng-container.d.ts +8 -1
- package/types/lucca-front-ng-core-select-user.d.ts +2 -1
- package/types/lucca-front-ng-core-select.d.ts +1 -1
- package/types/lucca-front-ng-data-table.d.ts +12 -1
- package/types/lucca-front-ng-date2.d.ts +17 -9
- package/types/lucca-front-ng-dialog.d.ts +8 -2
- package/types/lucca-front-ng-divider.d.ts +8 -1
- package/types/lucca-front-ng-empty-state.d.ts +15 -7
- package/types/lucca-front-ng-error-page.d.ts +9 -4
- package/types/lucca-front-ng-fancy-box.d.ts +8 -1
- package/types/lucca-front-ng-file-upload.d.ts +20 -4
- package/types/lucca-front-ng-filter-pills.d.ts +0 -5
- package/types/lucca-front-ng-footer.d.ts +11 -2
- package/types/lucca-front-ng-form-field.d.ts +33 -16
- package/types/lucca-front-ng-form-header.d.ts +8 -1
- package/types/lucca-front-ng-form-label.d.ts +8 -1
- package/types/lucca-front-ng-form.d.ts +2 -0
- package/types/lucca-front-ng-forms-phone-number-input.d.ts +19 -12
- package/types/lucca-front-ng-forms.d.ts +57 -16
- package/types/lucca-front-ng-grid.d.ts +23 -8
- package/types/lucca-front-ng-highlight-data.d.ts +16 -1
- package/types/lucca-front-ng-highlight-text.d.ts +12 -0
- package/types/lucca-front-ng-horizontal-navigation.d.ts +40 -3
- package/types/lucca-front-ng-impersonation.d.ts +33 -0
- package/types/lucca-front-ng-index-table.d.ts +10 -1
- package/types/lucca-front-ng-inline-message.d.ts +11 -4
- package/types/lucca-front-ng-listbox.d.ts +8 -1
- package/types/lucca-front-ng-loading.d.ts +8 -1
- package/types/lucca-front-ng-multi-select.d.ts +2 -0
- package/types/lucca-front-ng-numeric-badge.d.ts +8 -1
- package/types/lucca-front-ng-pagination.d.ts +8 -1
- package/types/lucca-front-ng-progress-bar.d.ts +9 -2
- package/types/lucca-front-ng-progress-stepper.d.ts +8 -1
- package/types/lucca-front-ng-read-more.d.ts +8 -1
- package/types/lucca-front-ng-resource-card.d.ts +10 -1
- package/types/lucca-front-ng-segmented-control-tabs.d.ts +2 -0
- package/types/lucca-front-ng-segmented-control.d.ts +4 -2
- package/types/lucca-front-ng-simple-select.d.ts +3 -2
- package/types/lucca-front-ng-skeleton.d.ts +25 -9
- package/types/lucca-front-ng-software-icon.d.ts +10 -5
- package/types/lucca-front-ng-status-badge.d.ts +8 -1
- package/types/lucca-front-ng-tag.d.ts +8 -1
- package/types/lucca-front-ng-time.d.ts +86 -8
- package/types/lucca-front-ng-user.d.ts +19 -5
|
@@ -51,10 +51,10 @@ class LuDepartmentV3Service extends LuApiV3Service {
|
|
|
51
51
|
format(t) {
|
|
52
52
|
return { value: t.node, children: t.children.map((c) => this.format(c)) };
|
|
53
53
|
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
55
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentV3Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
55
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentV3Service }); }
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentV3Service, decorators: [{
|
|
58
58
|
type: Injectable
|
|
59
59
|
}], ctorParameters: () => [{ type: i1.HttpClient }] });
|
|
60
60
|
|
|
@@ -102,10 +102,10 @@ class LuDepartmentV4Service {
|
|
|
102
102
|
format(t) {
|
|
103
103
|
return { value: t.node, children: t.children.map((c) => this.format(c)) };
|
|
104
104
|
}
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
106
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentV4Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
106
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentV4Service }); }
|
|
107
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentV4Service, decorators: [{
|
|
109
109
|
type: Injectable
|
|
110
110
|
}], ctorParameters: () => [{ type: i1.HttpClient }] });
|
|
111
111
|
|
|
@@ -134,8 +134,8 @@ class LuDepartmentFeederComponent extends ALuTreeOptionOperator {
|
|
|
134
134
|
onOpen() {
|
|
135
135
|
this._service.getTrees().subscribe((trees) => this._out$.next(trees));
|
|
136
136
|
}
|
|
137
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
138
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
137
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentFeederComponent, deps: [{ token: ALuDepartmentService, optional: true, skipSelf: true }, { token: ALuDepartmentService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
138
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: LuDepartmentFeederComponent, isStandalone: true, selector: "lu-department-feeder", inputs: { appInstanceId: "appInstanceId", operations: "operations", filters: "filters", uniqueOperation: "uniqueOperation" }, providers: [
|
|
139
139
|
{
|
|
140
140
|
provide: ALuTreeOptionOperator,
|
|
141
141
|
useExisting: forwardRef(() => LuDepartmentFeederComponent),
|
|
@@ -152,7 +152,7 @@ class LuDepartmentFeederComponent extends ALuTreeOptionOperator {
|
|
|
152
152
|
},
|
|
153
153
|
], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
154
154
|
}
|
|
155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentFeederComponent, decorators: [{
|
|
156
156
|
type: Component,
|
|
157
157
|
args: [{
|
|
158
158
|
selector: 'lu-department-feeder',
|
|
@@ -247,8 +247,8 @@ class LuDepartmentSelectInputComponent extends ALuSelectInputComponent {
|
|
|
247
247
|
searchFn(o, c) {
|
|
248
248
|
return o.name.toLowerCase().includes(c.toLowerCase());
|
|
249
249
|
}
|
|
250
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
251
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
250
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
251
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: LuDepartmentSelectInputComponent, isStandalone: true, selector: "lu-department-select", inputs: { appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: false, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: false, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: false, isRequired: false, transformFunction: null }, uniqueOperation: { classPropertyName: "uniqueOperation", publicName: "uniqueOperation", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
252
252
|
{
|
|
253
253
|
provide: NG_VALUE_ACCESSOR,
|
|
254
254
|
useExisting: forwardRef(() => LuDepartmentSelectInputComponent),
|
|
@@ -256,7 +256,7 @@ class LuDepartmentSelectInputComponent extends ALuSelectInputComponent {
|
|
|
256
256
|
},
|
|
257
257
|
], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl().departments }}</span\n\t\t>\n\t} @else {\n\t\t{{ (values[0] || values).name }}\n\t}\n</ng-template>\n\n<lu-tree-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\" [class.mod-multiple]=\"multiple\">\n\t\t<lu-department-feeder\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[uniqueOperation]=\"uniqueOperation\"\n\t\t/>\n\t\t<lu-tree-option-searcher [searchFn]=\"searchFn\" />\n\t\t<lu-tree-option-select-all class=\"option-selector\" />\n\t</header>\n\t<!-- <lu-tree-option-pager /> -->\n\t<lu-tree-option *luForTreeOptions=\"let option\" [tree]=\"option\">\n\t\t<ng-container *luDisplayer=\"let value\">{{ value.name }}</ng-container>\n\t</lu-tree-option>\n</lu-tree-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-picker-header .option-selector{display:none}}@layer mods{.lu-picker-header.mod-multiple .option-selector{display:inherit}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuTreeOptionPickerAdvancedComponent, selector: "lu-tree-option-picker-advanced", exportAs: ["LuOptionPicker"] }, { kind: "component", type: LuDepartmentFeederComponent, selector: "lu-department-feeder", inputs: ["appInstanceId", "operations", "filters", "uniqueOperation"] }, { kind: "component", type: LuTreeOptionSearcherComponent, selector: "lu-tree-option-searcher", inputs: ["searchFn"] }, { kind: "component", type: LuTreeOptionSelectAllComponent, selector: "lu-tree-option-select-all", inputs: ["intl"] }, { kind: "component", type: LuTreeOptionItemComponent, selector: "lu-tree-option", inputs: ["tree", "selected", "highlighted", "intl"], outputs: ["onSelect", "onSelectSelf", "onSelectChildren"] }, { kind: "directive", type: LuForTreeOptionsDirective, selector: "[luForTreeOptions]" }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
258
258
|
}
|
|
259
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectInputComponent, decorators: [{
|
|
260
260
|
type: Component,
|
|
261
261
|
args: [{ selector: 'lu-department-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
262
262
|
OverlayModule,
|
|
@@ -290,11 +290,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
290
290
|
* @deprecated use `LuDepartmentSelectInputComponent` instead
|
|
291
291
|
*/
|
|
292
292
|
class LuDepartmentSelectInputModule {
|
|
293
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
294
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
295
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
293
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
294
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectInputModule, imports: [LuDepartmentSelectInputComponent], exports: [LuDepartmentSelectInputComponent] }); }
|
|
295
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectInputModule, imports: [LuDepartmentSelectInputComponent] }); }
|
|
296
296
|
}
|
|
297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectInputModule, decorators: [{
|
|
298
298
|
type: NgModule,
|
|
299
299
|
args: [{
|
|
300
300
|
imports: [LuDepartmentSelectInputComponent],
|
|
@@ -306,11 +306,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
306
306
|
* @deprecated use `LuDepartmentFeederComponent, LuDepartmentSelectInputComponent` instead
|
|
307
307
|
*/
|
|
308
308
|
class LuDepartmentSelectModule {
|
|
309
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
310
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
311
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
309
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
310
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectModule, imports: [LuDepartmentFeederComponent, LuDepartmentSelectInputComponent], exports: [LuDepartmentFeederComponent, LuDepartmentSelectInputComponent] }); }
|
|
311
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectModule, imports: [LuDepartmentSelectInputComponent] }); }
|
|
312
312
|
}
|
|
313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentSelectModule, decorators: [{
|
|
314
314
|
type: NgModule,
|
|
315
315
|
args: [{
|
|
316
316
|
imports: [LuDepartmentFeederComponent, LuDepartmentSelectInputComponent],
|
|
@@ -322,11 +322,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
322
322
|
* @deprecated use `LuDepartmentFeederComponent, LuDepartmentSelectInputComponent` instead
|
|
323
323
|
*/
|
|
324
324
|
class LuDepartmentModule {
|
|
325
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
326
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
327
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
325
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
326
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentModule, imports: [LuDepartmentSelectModule], exports: [LuDepartmentSelectModule] }); }
|
|
327
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentModule, imports: [LuDepartmentSelectModule, LuDepartmentSelectModule] }); }
|
|
328
328
|
}
|
|
329
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
329
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDepartmentModule, decorators: [{
|
|
330
330
|
type: NgModule,
|
|
331
331
|
args: [{
|
|
332
332
|
imports: [LuDepartmentSelectModule],
|
|
@@ -11,10 +11,10 @@ import { RouteReuseStrategy, BaseRouteReuseStrategy, Router, ActivatedRoute, Rou
|
|
|
11
11
|
import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
|
|
12
12
|
|
|
13
13
|
class DialogContentComponent {
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: DialogContentComponent, isStandalone: true, selector: "lu-dialog-content", host: { classAttribute: "dialog-inside-content" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogContentComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: 'lu-dialog-content',
|
|
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
28
28
|
}] });
|
|
29
29
|
|
|
30
30
|
class DialogFooterComponent {
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogFooterComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'lu-dialog-footer', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
37
37
|
class: 'dialog-inside-footer footer',
|
|
@@ -150,10 +150,10 @@ const luDialogHeaderTranslations = Translations;
|
|
|
150
150
|
|
|
151
151
|
let nextId = 0;
|
|
152
152
|
class DialogHeaderAction {
|
|
153
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
154
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
153
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogHeaderAction, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
154
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: DialogHeaderAction, isStandalone: true, selector: "[dialogHeaderAction]", ngImport: i0 }); }
|
|
155
155
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogHeaderAction, decorators: [{
|
|
157
157
|
type: Directive,
|
|
158
158
|
args: [{
|
|
159
159
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -161,10 +161,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
161
161
|
}]
|
|
162
162
|
}] });
|
|
163
163
|
class DialogHeaderSubtitle {
|
|
164
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
165
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
164
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogHeaderSubtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
165
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: DialogHeaderSubtitle, isStandalone: true, selector: "[dialogHeaderSubtitle]", ngImport: i0 }); }
|
|
166
166
|
}
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogHeaderSubtitle, decorators: [{
|
|
168
168
|
type: Directive,
|
|
169
169
|
args: [{
|
|
170
170
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -199,10 +199,10 @@ class DialogHeaderComponent {
|
|
|
199
199
|
this.#ref.cdkRef.containerInstance?._addAriaLabelledBy(id);
|
|
200
200
|
});
|
|
201
201
|
}
|
|
202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
203
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
203
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: DialogHeaderComponent, isStandalone: true, selector: "lu-dialog-header", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dialog-inside-header" }, queries: [{ propertyName: "optionalAction", first: true, predicate: DialogHeaderAction, descendants: true, isSignal: true }, { propertyName: "optionalSubtitle", first: true, predicate: DialogHeaderSubtitle, descendants: true, isSignal: true }], ngImport: i0, template: "@if (dismissible) {\n\t<button class=\"dialog-inside-header-button\" type=\"button\" luButton (click)=\"close()\">\n\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t</button>\n}\n@if (optionalAction()) {\n\t<div class=\"dialog-inside-header-actionOptional\"><ng-content select=\"[dialogHeaderAction]\" /></div>\n}\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content />\n\t@if (optionalSubtitle()) {\n\t\t<div class=\"dialog-inside-header-container-subtitle\"><ng-content select=\"[dialogHeaderSubtitle]\" /></div>\n\t}\n</div>\n\n<div class=\"dialog-inside-header-content\">\n\t<ng-content select=\"[dialogHeaderContent]\" />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
204
204
|
}
|
|
205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogHeaderComponent, decorators: [{
|
|
206
206
|
type: Component,
|
|
207
207
|
args: [{ selector: 'lu-dialog-header', standalone: true, imports: [IconComponent, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
208
208
|
class: 'dialog-inside-header',
|
|
@@ -276,10 +276,10 @@ class LuDialogService {
|
|
|
276
276
|
}
|
|
277
277
|
return luDialogRef;
|
|
278
278
|
}
|
|
279
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
280
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
279
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
280
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDialogService }); }
|
|
281
281
|
}
|
|
282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuDialogService, decorators: [{
|
|
283
283
|
type: Injectable
|
|
284
284
|
}] });
|
|
285
285
|
|
|
@@ -553,8 +553,8 @@ class DialogRoutingContainerComponent {
|
|
|
553
553
|
const resolved = runInInjectionContext(this.injector, resolveFn);
|
|
554
554
|
return deferrableToPromise(resolved);
|
|
555
555
|
}
|
|
556
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
557
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
556
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogRoutingContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
557
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.15", type: DialogRoutingContainerComponent, isStandalone: true, selector: "lu-dialog-routing-container", providers: [
|
|
558
558
|
provideLuDialog(),
|
|
559
559
|
{
|
|
560
560
|
provide: DIALOG_ROUTE_CONFIG,
|
|
@@ -566,7 +566,7 @@ class DialogRoutingContainerComponent {
|
|
|
566
566
|
</ng-template>
|
|
567
567
|
`, isInline: true, styles: [":host{display:none}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
568
568
|
}
|
|
569
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
569
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogRoutingContainerComponent, decorators: [{
|
|
570
570
|
type: Component,
|
|
571
571
|
args: [{ selector: 'lu-dialog-routing-container', imports: [RouterOutlet], template: `
|
|
572
572
|
<ng-template>
|
|
@@ -581,6 +581,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
581
581
|
], styles: [":host{display:none}\n"] }]
|
|
582
582
|
}], propDecorators: { dialogTemplate: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
583
583
|
|
|
584
|
+
/**
|
|
585
|
+
* Available DialogComponent Types
|
|
586
|
+
*/
|
|
587
|
+
const DIALOG_FANCY_ILLUSTRATION = ['approval', 'checklist', 'email', 'install', 'mapping', 'save', 'users', 'welcome', 'payment-card'];
|
|
588
|
+
|
|
584
589
|
class DialogComponent {
|
|
585
590
|
constructor() {
|
|
586
591
|
this.dialogRef = inject(LuDialogRef);
|
|
@@ -620,15 +625,15 @@ class DialogComponent {
|
|
|
620
625
|
focusable?.focus();
|
|
621
626
|
}
|
|
622
627
|
}
|
|
623
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
624
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DialogComponent, isStandalone: true, selector: "lu-dialog", inputs: { stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustration: { classPropertyName: "fancyIllustration", publicName: "fancyIllustration", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustrationUrl: { classPropertyName: "fancyIllustrationUrl", publicName: "fancyIllustrationUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--components-dialog-inside-backgroundImage": "foregroundImage()" }, classAttribute: "dialog-inside" }, ngImport: i0, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.dialog-inside-header{display:grid;padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-paddingBlock: 0 var(--pr-t-spacings-150);--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.dialog.mod-fancy .dialog-inside-header-button.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
628
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
629
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: DialogComponent, isStandalone: true, selector: "lu-dialog", inputs: { stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustration: { classPropertyName: "fancyIllustration", publicName: "fancyIllustration", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustrationUrl: { classPropertyName: "fancyIllustrationUrl", publicName: "fancyIllustrationUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--components-dialog-inside-backgroundImage": "foregroundImage()" }, classAttribute: "dialog-inside" }, ngImport: i0, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-insideContent-overflow: auto;--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-inline-end:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.dialog-inside-header{display:grid;padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:var(--components-dialog-insideContent-overflow);display:block;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog:has(.horizontalNavigation){--components-dialog-insideContent-overflow: none;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-paddingBlock: 0 var(--pr-t-spacings-150);--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.dialog.mod-fancy .dialog-inside-header-button.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
625
630
|
}
|
|
626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
631
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogComponent, decorators: [{
|
|
627
632
|
type: Component,
|
|
628
633
|
args: [{ selector: 'lu-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe], host: {
|
|
629
634
|
class: 'dialog-inside',
|
|
630
635
|
'[style.--components-dialog-inside-backgroundImage]': 'foregroundImage()',
|
|
631
|
-
}, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.dialog-inside-header{display:grid;padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-paddingBlock: 0 var(--pr-t-spacings-150);--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.dialog.mod-fancy .dialog-inside-header-button.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"] }]
|
|
636
|
+
}, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-insideContent-overflow: auto;--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-inline-end:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.dialog-inside-header{display:grid;padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:var(--components-dialog-insideContent-overflow);display:block;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog:has(.horizontalNavigation){--components-dialog-insideContent-overflow: none;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-paddingBlock: 0 var(--pr-t-spacings-150);--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.dialog.mod-fancy .dialog-inside-header-button.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"] }]
|
|
632
637
|
}], propDecorators: { stacked: [{ type: i0.Input, args: [{ isSignal: true, alias: "stacked", required: false }] }], fancyIllustration: [{ type: i0.Input, args: [{ isSignal: true, alias: "fancyIllustration", required: false }] }], fancyIllustrationUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "fancyIllustrationUrl", required: false }] }] } });
|
|
633
638
|
|
|
634
639
|
class DialogCloseDirective {
|
|
@@ -636,10 +641,10 @@ class DialogCloseDirective {
|
|
|
636
641
|
close() {
|
|
637
642
|
this.#ref.close();
|
|
638
643
|
}
|
|
639
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
640
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
644
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
645
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: DialogCloseDirective, isStandalone: true, selector: "[luDialogClose]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
|
|
641
646
|
}
|
|
642
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogCloseDirective, decorators: [{
|
|
643
648
|
type: Directive,
|
|
644
649
|
args: [{
|
|
645
650
|
selector: '[luDialogClose]',
|
|
@@ -654,10 +659,10 @@ class DialogDismissDirective {
|
|
|
654
659
|
close() {
|
|
655
660
|
this.#ref.dismiss();
|
|
656
661
|
}
|
|
657
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
658
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
662
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
663
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: DialogDismissDirective, isStandalone: true, selector: "[luDialogDismiss]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
|
|
659
664
|
}
|
|
660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogDismissDirective, decorators: [{
|
|
661
666
|
type: Directive,
|
|
662
667
|
args: [{
|
|
663
668
|
selector: '[luDialogDismiss]',
|
|
@@ -680,16 +685,17 @@ class DialogOpenDirective {
|
|
|
680
685
|
content: this.dialog(),
|
|
681
686
|
});
|
|
682
687
|
}
|
|
683
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
684
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
688
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogOpenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
689
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.15", type: DialogOpenDirective, isStandalone: true, selector: "[luDialogOpen]", inputs: { dialog: { classPropertyName: "dialog", publicName: "luDialogOpen", isSignal: true, isRequired: true, transformFunction: null }, luDialogConfig: { classPropertyName: "luDialogConfig", publicName: "luDialogConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click()" }, properties: { "attr.aria-haspopup": "\"dialog\"" } }, providers: [provideLuDialog()], ngImport: i0 }); }
|
|
685
690
|
}
|
|
686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
691
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DialogOpenDirective, decorators: [{
|
|
687
692
|
type: Directive,
|
|
688
693
|
args: [{
|
|
689
694
|
selector: '[luDialogOpen]',
|
|
690
695
|
providers: [provideLuDialog()],
|
|
691
696
|
host: {
|
|
692
697
|
'(click)': 'click()',
|
|
698
|
+
'[attr.aria-haspopup]': '"dialog"',
|
|
693
699
|
},
|
|
694
700
|
}]
|
|
695
701
|
}], propDecorators: { dialog: [{ type: i0.Input, args: [{ isSignal: true, alias: "luDialogOpen", required: true }] }], luDialogConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "luDialogConfig", required: false }] }] } });
|
|
@@ -698,5 +704,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
698
704
|
* Generated bundle index. Do not edit.
|
|
699
705
|
*/
|
|
700
706
|
|
|
701
|
-
export { DIALOG_ROUTE_CLOSE_TRIGGER, DIALOG_ROUTE_CONFIG, DIALOG_ROUTE_DISMISS_TRIGGER, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderAction, DialogHeaderComponent, DialogHeaderSubtitle, DialogOpenDirective, DialogRoutingContainerComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, LuccaDialogRoutingReuseStrategy, configureLuDialog, createDialogRoute, defaultOnClosedFn, dialogLazyRouteFactory, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideDialogRoutingReuseStrategy, provideLuDialog };
|
|
707
|
+
export { DIALOG_FANCY_ILLUSTRATION, DIALOG_ROUTE_CLOSE_TRIGGER, DIALOG_ROUTE_CONFIG, DIALOG_ROUTE_DISMISS_TRIGGER, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderAction, DialogHeaderComponent, DialogHeaderSubtitle, DialogOpenDirective, DialogRoutingContainerComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, LuccaDialogRoutingReuseStrategy, configureLuDialog, createDialogRoute, defaultOnClosedFn, dialogLazyRouteFactory, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideDialogRoutingReuseStrategy, provideLuDialog };
|
|
702
708
|
//# sourceMappingURL=lucca-front-ng-dialog.mjs.map
|