@lucca-front/ng 22.1.0-rc.4 → 22.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/fesm2022/lucca-front-ng-a11y.mjs +9 -9
- package/fesm2022/lucca-front-ng-activity-feed.mjs +12 -12
- package/fesm2022/lucca-front-ng-api.mjs +40 -40
- package/fesm2022/lucca-front-ng-app-layout.mjs +3 -3
- package/fesm2022/lucca-front-ng-approbation-inbox.mjs +37 -36
- package/fesm2022/lucca-front-ng-approbation-inbox.mjs.map +1 -1
- 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 +12 -7
- package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-bubble-illustration.mjs +3 -3
- package/fesm2022/lucca-front-ng-callout.mjs +24 -24
- package/fesm2022/lucca-front-ng-chip.mjs +4 -4
- package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-clear.mjs +4 -4
- package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-code.mjs +3 -3
- package/fesm2022/lucca-front-ng-color.mjs +3 -3
- package/fesm2022/lucca-front-ng-comment.mjs +12 -12
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-container.mjs +3 -3
- 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-legal-units.mjs +8 -8
- package/fesm2022/lucca-front-ng-core-select-legal-units.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
- package/fesm2022/lucca-front-ng-core-select-user.mjs +20 -20
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +73 -58
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core.mjs +19 -19
- package/fesm2022/lucca-front-ng-data-table.mjs +40 -32
- 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 +37 -34
- 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 +55 -48
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +3 -3
- package/fesm2022/lucca-front-ng-dropdown.mjs +42 -42
- package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +9 -9
- package/fesm2022/lucca-front-ng-error-page.mjs +3 -3
- package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
- package/fesm2022/lucca-front-ng-fancy-box.mjs +3 -3
- package/fesm2022/lucca-front-ng-file-upload.mjs +33 -26
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills-core.mjs +6 -6
- package/fesm2022/lucca-front-ng-filter-pills.mjs +90 -21
- package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-footer.mjs +3 -3
- package/fesm2022/lucca-front-ng-form-field.mjs +18 -18
- package/fesm2022/lucca-front-ng-form-header.mjs +3 -3
- package/fesm2022/lucca-front-ng-form-label.mjs +3 -3
- package/fesm2022/lucca-front-ng-form.mjs +3 -3
- package/fesm2022/lucca-front-ng-formly.mjs +58 -58
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +6 -6
- 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 +6 -6
- 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 +35 -35
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +68 -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 +6 -6
- package/fesm2022/lucca-front-ng-highlight-data.mjs +3 -3
- package/fesm2022/lucca-front-ng-highlight-section.mjs +3 -3
- package/fesm2022/lucca-front-ng-highlight-text.mjs +3 -3
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +9 -9
- package/fesm2022/lucca-front-ng-impersonation.mjs +3 -3
- package/fesm2022/lucca-front-ng-index-table.mjs +44 -38
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +3 -3
- package/fesm2022/lucca-front-ng-input.mjs +21 -21
- package/fesm2022/lucca-front-ng-kbd.mjs +306 -0
- package/fesm2022/lucca-front-ng-kbd.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-link.mjs +6 -6
- package/fesm2022/lucca-front-ng-listbox.mjs +13 -10
- package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listing.mjs +6 -6
- package/fesm2022/lucca-front-ng-loading.mjs +51 -10
- 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-markdown.mjs +3 -3
- package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
- package/fesm2022/lucca-front-ng-modal.mjs +22 -22
- package/fesm2022/lucca-front-ng-multi-select.mjs +38 -38
- 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-option.mjs +130 -130
- package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +3 -3
- package/fesm2022/lucca-front-ng-pagination.mjs +3 -3
- package/fesm2022/lucca-front-ng-plg-push.mjs +3 -3
- package/fesm2022/lucca-front-ng-popover.mjs +17 -17
- package/fesm2022/lucca-front-ng-popover2.mjs +54 -21
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popup.mjs +10 -10
- package/fesm2022/lucca-front-ng-priority-levels.mjs +3 -3
- package/fesm2022/lucca-front-ng-progress-bar.mjs +3 -3
- package/fesm2022/lucca-front-ng-progress-stepper.mjs +6 -6
- package/fesm2022/lucca-front-ng-read-more.mjs +6 -6
- package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-resource-card.mjs +12 -12
- package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
- package/fesm2022/lucca-front-ng-scroll-box.mjs +4 -4
- package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scroll.mjs +9 -10
- package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +6 -6
- 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 +14 -14
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
- package/fesm2022/lucca-front-ng-software-icon.mjs +3 -3
- package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
- package/fesm2022/lucca-front-ng-status-badge.mjs +3 -3
- package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
- 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 +18 -18
- package/fesm2022/lucca-front-ng-title.mjs +10 -10
- package/fesm2022/lucca-front-ng-toast.mjs +10 -10
- package/fesm2022/lucca-front-ng-tree-select.mjs +6 -6
- package/fesm2022/lucca-front-ng-user-popover.mjs +22 -22
- package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +59 -59
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
- package/package.json +16 -6
- package/schematics/lib/local-deps/package-lock.json +7 -7
- package/schematics/lib/local-deps/package.json +1 -1
- package/src/definitions/option/_option-item.scss +7 -4
- package/types/lucca-front-ng-a11y.d.ts +1 -1
- package/types/lucca-front-ng-api.d.ts +3 -3
- package/types/lucca-front-ng-approbation-inbox.d.ts +3 -3
- package/types/lucca-front-ng-bubble-icon.d.ts +4 -1
- package/types/lucca-front-ng-chip.d.ts +1 -1
- package/types/lucca-front-ng-clear.d.ts +1 -1
- package/types/lucca-front-ng-comment.d.ts +3 -3
- package/types/lucca-front-ng-core-select-establishment.d.ts +1 -1
- package/types/lucca-front-ng-core-select.d.ts +18 -3
- package/types/lucca-front-ng-core.d.ts +3 -3
- package/types/lucca-front-ng-data-table.d.ts +7 -2
- package/types/lucca-front-ng-date.d.ts +2 -2
- package/types/lucca-front-ng-date2.d.ts +5 -2
- package/types/lucca-front-ng-department.d.ts +2 -2
- package/types/lucca-front-ng-dialog.d.ts +1 -1
- package/types/lucca-front-ng-establishment.d.ts +2 -2
- package/types/lucca-front-ng-file-upload.d.ts +8 -2
- package/types/lucca-front-ng-filter-pills.d.ts +11 -2
- package/types/lucca-front-ng-forms.d.ts +13 -3
- package/types/lucca-front-ng-index-table.d.ts +4 -2
- package/types/lucca-front-ng-kbd.d.ts +59 -0
- package/types/lucca-front-ng-listbox.d.ts +1 -0
- package/types/lucca-front-ng-loading.d.ts +16 -4
- package/types/lucca-front-ng-modal.d.ts +2 -2
- package/types/lucca-front-ng-multi-select.d.ts +1 -1
- package/types/lucca-front-ng-popover2.d.ts +1 -0
- package/types/lucca-front-ng-popup.d.ts +2 -2
- package/types/lucca-front-ng-read-more.d.ts +2 -2
- package/types/lucca-front-ng-sidepanel.d.ts +1 -1
- package/types/lucca-front-ng-simple-select.d.ts +1 -1
- package/types/lucca-front-ng-title.d.ts +2 -2
- package/types/lucca-front-ng-toast.d.ts +1 -1
- package/types/lucca-front-ng-user-popover.d.ts +0 -1
- package/types/lucca-front-ng-user.d.ts +2 -2
|
@@ -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: "22.1
|
|
55
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentV3Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
55
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentV3Service }); }
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", 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: "22.1
|
|
106
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentV4Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
106
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentV4Service }); }
|
|
107
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentV4Service, decorators: [{
|
|
109
109
|
type: Injectable
|
|
110
110
|
}], ctorParameters: () => [{ type: i1.HttpClient }] });
|
|
111
111
|
|
|
@@ -135,8 +135,8 @@ class LuDepartmentFeederComponent extends ALuTreeOptionOperator {
|
|
|
135
135
|
onOpen() {
|
|
136
136
|
this._service.getTrees().subscribe((trees) => this._out$.next(trees));
|
|
137
137
|
}
|
|
138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
139
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1
|
|
138
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentFeederComponent, deps: [{ token: ALuDepartmentService, optional: true, skipSelf: true }, { token: ALuDepartmentService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
139
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuDepartmentFeederComponent, isStandalone: true, selector: "lu-department-feeder", inputs: { appInstanceId: "appInstanceId", operations: "operations", filters: "filters", uniqueOperation: "uniqueOperation" }, providers: [
|
|
140
140
|
{
|
|
141
141
|
provide: ALuTreeOptionOperator,
|
|
142
142
|
useExisting: forwardRef(() => LuDepartmentFeederComponent),
|
|
@@ -153,7 +153,7 @@ class LuDepartmentFeederComponent extends ALuTreeOptionOperator {
|
|
|
153
153
|
},
|
|
154
154
|
], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
155
155
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentFeederComponent, decorators: [{
|
|
157
157
|
type: Component,
|
|
158
158
|
args: [{
|
|
159
159
|
selector: 'lu-department-feeder',
|
|
@@ -253,8 +253,8 @@ class LuDepartmentSelectInputComponent extends ALuSelectInputComponent {
|
|
|
253
253
|
searchFn(o, c) {
|
|
254
254
|
return o.name.toLowerCase().includes(c.toLowerCase());
|
|
255
255
|
}
|
|
256
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
257
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1
|
|
256
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", 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 }); }
|
|
257
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", 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: [
|
|
258
258
|
{
|
|
259
259
|
provide: NG_VALUE_ACCESSOR,
|
|
260
260
|
useExisting: forwardRef(() => LuDepartmentSelectInputComponent),
|
|
@@ -262,7 +262,7 @@ class LuDepartmentSelectInputComponent extends ALuSelectInputComponent {
|
|
|
262
262
|
},
|
|
263
263
|
], 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 | intlPluralLabel: values.length }}</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)}: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"] }, { kind: "pipe", type: IntlPluralLabelPipe, name: "intlPluralLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
264
264
|
}
|
|
265
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentSelectInputComponent, decorators: [{
|
|
266
266
|
type: Component,
|
|
267
267
|
args: [{ selector: 'lu-department-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
268
268
|
OverlayModule,
|
|
@@ -297,11 +297,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
297
297
|
* @deprecated use `LuDepartmentSelectInputComponent` instead
|
|
298
298
|
*/
|
|
299
299
|
class LuDepartmentSelectInputModule {
|
|
300
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
301
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1
|
|
302
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1
|
|
300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
301
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentSelectInputModule, imports: [LuDepartmentSelectInputComponent], exports: [LuDepartmentSelectInputComponent] }); }
|
|
302
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentSelectInputModule, imports: [LuDepartmentSelectInputComponent] }); }
|
|
303
303
|
}
|
|
304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentSelectInputModule, decorators: [{
|
|
305
305
|
type: NgModule,
|
|
306
306
|
args: [{
|
|
307
307
|
imports: [LuDepartmentSelectInputComponent],
|
|
@@ -313,11 +313,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
313
313
|
* @deprecated use `LuDepartmentFeederComponent, LuDepartmentSelectInputComponent` instead
|
|
314
314
|
*/
|
|
315
315
|
class LuDepartmentSelectModule {
|
|
316
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
317
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1
|
|
318
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1
|
|
316
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
317
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentSelectModule, imports: [LuDepartmentFeederComponent, LuDepartmentSelectInputComponent], exports: [LuDepartmentFeederComponent, LuDepartmentSelectInputComponent] }); }
|
|
318
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentSelectModule, imports: [LuDepartmentSelectInputComponent] }); }
|
|
319
319
|
}
|
|
320
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
320
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentSelectModule, decorators: [{
|
|
321
321
|
type: NgModule,
|
|
322
322
|
args: [{
|
|
323
323
|
imports: [LuDepartmentFeederComponent, LuDepartmentSelectInputComponent],
|
|
@@ -329,11 +329,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
329
329
|
* @deprecated use `LuDepartmentFeederComponent, LuDepartmentSelectInputComponent` instead
|
|
330
330
|
*/
|
|
331
331
|
class LuDepartmentModule {
|
|
332
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
333
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1
|
|
334
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1
|
|
332
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
333
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentModule, imports: [LuDepartmentSelectModule], exports: [LuDepartmentSelectModule] }); }
|
|
334
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentModule, imports: [LuDepartmentSelectModule, LuDepartmentSelectModule] }); }
|
|
335
335
|
}
|
|
336
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
336
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDepartmentModule, decorators: [{
|
|
337
337
|
type: NgModule,
|
|
338
338
|
args: [{
|
|
339
339
|
imports: [LuDepartmentSelectModule],
|
|
@@ -3,7 +3,7 @@ import { ViewEncapsulation, ChangeDetectionStrategy, Component, inject, Injectio
|
|
|
3
3
|
import { ButtonComponent } from '@lucca-front/ng/button';
|
|
4
4
|
import { isNotNil, intlInputOptions, luBooleanAttribute } from '@lucca-front/ng/core';
|
|
5
5
|
import { IconComponent } from '@lucca-front/ng/icon';
|
|
6
|
-
import { isObservable, of,
|
|
6
|
+
import { take, isObservable, of, merge, firstValueFrom, from, defer, concat, map as map$1, every, combineLatest } from 'rxjs';
|
|
7
7
|
import { map, filter, takeUntil, switchMap } from 'rxjs/operators';
|
|
8
8
|
import { DIALOG_DATA, Dialog, DialogModule } from '@angular/cdk/dialog';
|
|
9
9
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
@@ -12,10 +12,10 @@ import { Overlay } from '@angular/cdk/overlay';
|
|
|
12
12
|
import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
|
|
13
13
|
|
|
14
14
|
class DialogContentComponent {
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", 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 }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogContentComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{
|
|
21
21
|
selector: 'lu-dialog-content',
|
|
@@ -29,10 +29,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
29
29
|
}] });
|
|
30
30
|
|
|
31
31
|
class DialogFooterComponent {
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", 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);--components-footer-isolation: auto;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);isolation:var(--components-footer-isolation)}.footer-content{flex-grow:1}.footer-content:empty{display:none}.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;--components-footer-isolation: isolate}.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 }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogFooterComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: 'lu-dialog-footer', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
38
38
|
class: 'dialog-inside-footer footer',
|
|
@@ -87,6 +87,21 @@ class LuDialogRef {
|
|
|
87
87
|
if (this.config.alert) {
|
|
88
88
|
return;
|
|
89
89
|
}
|
|
90
|
+
this.canDismiss$()
|
|
91
|
+
.pipe(take(1))
|
|
92
|
+
.subscribe((close) => {
|
|
93
|
+
if (close) {
|
|
94
|
+
this.detachSubscription?.unsubscribe();
|
|
95
|
+
this.cdkRef.close(DISMISSED_VALUE);
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
/**
|
|
100
|
+
* @internal
|
|
101
|
+
* Resolves whether the dialog can be dismissed, shared by every dismiss trigger (header button, escape key, backdrop click).
|
|
102
|
+
* A dialog rendering a template (e.g. a routed dialog) has no component instance, so it relies on `canDismiss`.
|
|
103
|
+
*/
|
|
104
|
+
canDismiss$() {
|
|
90
105
|
let canClose = true;
|
|
91
106
|
try {
|
|
92
107
|
if (isNotNil(this.instance)) {
|
|
@@ -99,13 +114,7 @@ class LuDialogRef {
|
|
|
99
114
|
catch {
|
|
100
115
|
canClose = true;
|
|
101
116
|
}
|
|
102
|
-
|
|
103
|
-
canClose$.pipe(take(1)).subscribe((close) => {
|
|
104
|
-
if (close) {
|
|
105
|
-
this.detachSubscription?.unsubscribe();
|
|
106
|
-
this.cdkRef.close(DISMISSED_VALUE);
|
|
107
|
-
}
|
|
108
|
-
});
|
|
117
|
+
return isObservable(canClose) ? canClose : of(canClose);
|
|
109
118
|
}
|
|
110
119
|
close(res) {
|
|
111
120
|
this.detachSubscription?.unsubscribe();
|
|
@@ -165,10 +174,10 @@ const luDialogHeaderTranslations = Translations;
|
|
|
165
174
|
|
|
166
175
|
let nextId = 0;
|
|
167
176
|
class DialogHeaderAction {
|
|
168
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
169
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1
|
|
177
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogHeaderAction, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
178
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: DialogHeaderAction, isStandalone: true, selector: "[dialogHeaderAction]", ngImport: i0 }); }
|
|
170
179
|
}
|
|
171
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogHeaderAction, decorators: [{
|
|
172
181
|
type: Directive,
|
|
173
182
|
args: [{
|
|
174
183
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -176,10 +185,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
176
185
|
}]
|
|
177
186
|
}] });
|
|
178
187
|
class DialogHeaderSubtitle {
|
|
179
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
180
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1
|
|
188
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogHeaderSubtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
189
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: DialogHeaderSubtitle, isStandalone: true, selector: "[dialogHeaderSubtitle]", ngImport: i0 }); }
|
|
181
190
|
}
|
|
182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogHeaderSubtitle, decorators: [{
|
|
183
192
|
type: Directive,
|
|
184
193
|
args: [{
|
|
185
194
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -233,10 +242,10 @@ class DialogHeaderComponent {
|
|
|
233
242
|
this.#ref.cdkRef.containerInstance?._removeAriaLabelledBy(this.#registeredAriaLabelledById);
|
|
234
243
|
this.#registeredAriaLabelledById = undefined;
|
|
235
244
|
}
|
|
236
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
237
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1
|
|
245
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
246
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", 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", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
238
247
|
}
|
|
239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
248
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogHeaderComponent, decorators: [{
|
|
240
249
|
type: Component,
|
|
241
250
|
args: [{ selector: 'lu-dialog-header', standalone: true, imports: [IconComponent, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
242
251
|
class: 'dialog-inside-header',
|
|
@@ -310,11 +319,7 @@ class LuDialogService {
|
|
|
310
319
|
if (!config.alert) {
|
|
311
320
|
// Setup close listeners on backdrop click and escape key by ourselves so we can hook the `canClose` method to it.
|
|
312
321
|
merge(cdkRef.backdropClick, cdkRef.keydownEvents.pipe(filter((e) => e.key === 'Escape' && !e.defaultPrevented)))
|
|
313
|
-
.pipe(filter(() => config.canCloseWithBackdrop ?? true), switchMap(() =>
|
|
314
|
-
const canClose = cdkRef.componentInstance ? (config.canClose?.(cdkRef.componentInstance) ?? true) : true;
|
|
315
|
-
const canClose$ = isObservable(canClose) ? canClose : of(canClose);
|
|
316
|
-
return canClose$.pipe(take(1));
|
|
317
|
-
}), takeUntil(luDialogRef.closed$))
|
|
322
|
+
.pipe(filter(() => config.canCloseWithBackdrop ?? true), switchMap(() => luDialogRef.canDismiss$().pipe(take(1))), takeUntil(luDialogRef.closed$))
|
|
318
323
|
.subscribe((canClose) => {
|
|
319
324
|
if (canClose) {
|
|
320
325
|
luDialogRef.detachSubscription?.unsubscribe();
|
|
@@ -324,10 +329,10 @@ class LuDialogService {
|
|
|
324
329
|
}
|
|
325
330
|
return luDialogRef;
|
|
326
331
|
}
|
|
327
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
328
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1
|
|
332
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
333
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDialogService }); }
|
|
329
334
|
}
|
|
330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
335
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDialogService, decorators: [{
|
|
331
336
|
type: Injectable
|
|
332
337
|
}] });
|
|
333
338
|
|
|
@@ -544,8 +549,10 @@ class DialogRoutingContainerComponent {
|
|
|
544
549
|
if (this.#closeTrigger) {
|
|
545
550
|
return of(true);
|
|
546
551
|
}
|
|
547
|
-
|
|
548
|
-
|
|
552
|
+
// Like the router, guards run one after the other and the first veto stops the chain.
|
|
553
|
+
// Each guard counts once, and the whole chain resolves to a single boolean.
|
|
554
|
+
const results$ = this.config.canDeactivate.map((cD) => defer(() => this.callCanDeactivateFn(cD)).pipe(take(1)));
|
|
555
|
+
return concat(...results$).pipe(map$1((guardResult) => (typeof guardResult === 'boolean' ? guardResult : true)), every((canDismiss) => canDismiss));
|
|
549
556
|
};
|
|
550
557
|
}
|
|
551
558
|
#getCanCloseFn(config) {
|
|
@@ -624,8 +631,8 @@ class DialogRoutingContainerComponent {
|
|
|
624
631
|
const resolved = runInInjectionContext(this.injector, resolveFn);
|
|
625
632
|
return deferrableToPromise(resolved);
|
|
626
633
|
}
|
|
627
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
628
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1
|
|
634
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogRoutingContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
635
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: DialogRoutingContainerComponent, isStandalone: true, selector: "lu-dialog-routing-container", providers: [
|
|
629
636
|
provideLuDialog(),
|
|
630
637
|
{
|
|
631
638
|
provide: DIALOG_ROUTE_CONFIG,
|
|
@@ -637,7 +644,7 @@ class DialogRoutingContainerComponent {
|
|
|
637
644
|
</ng-template>
|
|
638
645
|
`, 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 }); }
|
|
639
646
|
}
|
|
640
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogRoutingContainerComponent, decorators: [{
|
|
641
648
|
type: Component,
|
|
642
649
|
args: [{ selector: 'lu-dialog-routing-container', imports: [RouterOutlet], template: `
|
|
643
650
|
<ng-template>
|
|
@@ -699,10 +706,10 @@ class DialogComponent {
|
|
|
699
706
|
focusable?.focus();
|
|
700
707
|
}
|
|
701
708
|
}
|
|
702
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
703
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", 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(100vi - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvb - (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-insetBlockEnd: 0px;--components-dialog-visibleViewportBlockSize: 100%;--components-dialog-animationOpening: scaleIn;--components-dialog-animationDuration: var(--commons-animations-durations-standard);--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitleFont: var(--pr-t-font-heading-2);--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-insideContent-flexGrow: 0;--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-content-paddingBlockStart: 0px;--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);--components-dialog-inside-header-button-justifySelf: auto;--components-dialog-inside-header-marginBlock: 0px;--components-dialog-inside-footer-marginBlock: 0px;--components-dialog-inside-footer-actions-button-icon-menuDots-display: block;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--components-dialog-animationDuration);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(--components-dialog-animationDuration);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvb){.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{grid-area:action;margin-inline-end:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer;margin-block:var(--components-dialog-inside-footer-marginBlock)}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.dialog-inside-footer .icon-menuDots{display:var(--components-dialog-inside-footer-actions-button-icon-menuDots-display)!important}.dialog-inside-header{display:grid;margin-block:var(--components-dialog-inside-header-marginBlock);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);justify-self:var(--components-dialog-inside-header-button-justifySelf)}.dialog-inside-header-content{grid-area:content;padding-block-start:var(--components-dialog-inside-header-content-paddingBlockStart)}.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);flex-grow:var(--components-dialog-insideContent-flexGrow);display:block;outline:none;isolation:isolate}.dialog-inside-content:empty{display:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--components-dialog-insideHeaderTitleFont);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,.dialog.mod-surfaceDefault{--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(100vi - 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(100dvb - 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):where(.mod-fromBottom):where(.mod-sheet){--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: min(calc(100% - var(--pr-t-spacings-150)), calc(var(--components-dialog-visibleViewportBlockSize) - var(--pr-t-spacings-150)));--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-inset: auto 0 var(--components-dialog-insetBlockEnd) 0}@media not all and (min-width:30em){.dialog:where(.mod-drawer):where(.mod-fromBottom):where(.mod-sheet){--components-dialog-inside-footer-actions-button-icon-menuDots-display: none;--components-dialog-inside-footer-actions-button-icon-mask-all: unset !important}.dialog:where(.mod-drawer):where(.mod-fromBottom):where(.mod-sheet) .icon-menuDots+.pr-u-mask{all:unset!important}}@media not all and (min-width:50em){.dialog:where(.mod-drawer):where(:not(.mod-sheet)){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvb - 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):where(:not(.mod-sheet)){--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:not(:has(.dialog-inside-content)),.dialog:has(.dialog-inside-content:empty){--components-dialog-inside-header-boxShadow: none}.dialog:has(.horizontalNavigation){--components-dialog-insideContent-overflow: none;--components-dialog-insideContent-flexGrow: 1;--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) 0;--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);--components-dialog-inside-header-marginBlock: var(--pr-t-spacings-500) 0;--components-dialog-inside-footer-marginBlock: 0 var(--pr-t-spacings-500)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-footer-paddingBlock: var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.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)}.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)}.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;max-block-size:none;max-inline-size:none}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
709
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
710
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", 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(100vi - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvb - (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-insetBlockEnd: 0px;--components-dialog-visibleViewportBlockSize: 100%;--components-dialog-animationOpening: scaleIn;--components-dialog-animationDuration: var(--commons-animations-durations-standard);--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitleFont: var(--pr-t-font-heading-2);--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-insideContent-flexGrow: 0;--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-content-paddingBlockStart: 0px;--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);--components-dialog-inside-header-button-justifySelf: auto;--components-dialog-inside-header-marginBlock: 0px;--components-dialog-inside-footer-marginBlock: 0px;--components-dialog-inside-footer-actions-button-icon-menuDots-display: block;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--components-dialog-animationDuration);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(--components-dialog-animationDuration);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvb){.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{grid-area:action;margin-inline-end:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer;margin-block:var(--components-dialog-inside-footer-marginBlock)}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.dialog-inside-footer .icon-menuDots{display:var(--components-dialog-inside-footer-actions-button-icon-menuDots-display)!important}.dialog-inside-header{display:grid;margin-block:var(--components-dialog-inside-header-marginBlock);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);justify-self:var(--components-dialog-inside-header-button-justifySelf)}.dialog-inside-header-content{grid-area:content;padding-block-start:var(--components-dialog-inside-header-content-paddingBlockStart)}.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);flex-grow:var(--components-dialog-insideContent-flexGrow);display:block;outline:none;isolation:isolate}.dialog-inside-content:empty{display:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--components-dialog-insideHeaderTitleFont);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,.dialog.mod-surfaceDefault{--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(100vi - 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(100dvb - 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):where(.mod-fromBottom):where(.mod-sheet){--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: min(calc(100% - var(--pr-t-spacings-150)), calc(var(--components-dialog-visibleViewportBlockSize) - var(--pr-t-spacings-150)));--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-inset: auto 0 var(--components-dialog-insetBlockEnd) 0}@media not all and (min-width:30em){.dialog:where(.mod-drawer):where(.mod-fromBottom):where(.mod-sheet){--components-dialog-inside-footer-actions-button-icon-menuDots-display: none;--components-dialog-inside-footer-actions-button-icon-mask-all: unset !important}.dialog:where(.mod-drawer):where(.mod-fromBottom):where(.mod-sheet) .icon-menuDots+.pr-u-mask{all:unset!important}}@media not all and (min-width:50em){.dialog:where(.mod-drawer):where(:not(.mod-sheet)){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvb - 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):where(:not(.mod-sheet)){--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:not(:has(.dialog-inside-content)),.dialog:has(.dialog-inside-content:empty){--components-dialog-inside-header-boxShadow: none}.dialog:has(.horizontalNavigation){--components-dialog-insideContent-overflow: none;--components-dialog-insideContent-flexGrow: 1;--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) 0;--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);--components-dialog-inside-header-marginBlock: var(--pr-t-spacings-500) 0;--components-dialog-inside-footer-marginBlock: 0 var(--pr-t-spacings-500)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-footer-paddingBlock: var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.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)}.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)}.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;max-block-size:none;max-inline-size:none}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
704
711
|
}
|
|
705
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogComponent, decorators: [{
|
|
706
713
|
type: Component,
|
|
707
714
|
args: [{ selector: 'lu-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe], host: {
|
|
708
715
|
class: 'dialog-inside',
|
|
@@ -715,10 +722,10 @@ class DialogCloseDirective {
|
|
|
715
722
|
close() {
|
|
716
723
|
this.#ref?.close();
|
|
717
724
|
}
|
|
718
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
719
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1
|
|
725
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
726
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: DialogCloseDirective, isStandalone: true, selector: "[luDialogClose]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
|
|
720
727
|
}
|
|
721
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
728
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogCloseDirective, decorators: [{
|
|
722
729
|
type: Directive,
|
|
723
730
|
args: [{
|
|
724
731
|
selector: '[luDialogClose]',
|
|
@@ -733,10 +740,10 @@ class DialogDismissDirective {
|
|
|
733
740
|
close() {
|
|
734
741
|
this.#ref?.dismiss();
|
|
735
742
|
}
|
|
736
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
737
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1
|
|
743
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
744
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: DialogDismissDirective, isStandalone: true, selector: "[luDialogDismiss]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
|
|
738
745
|
}
|
|
739
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogDismissDirective, decorators: [{
|
|
740
747
|
type: Directive,
|
|
741
748
|
args: [{
|
|
742
749
|
selector: '[luDialogDismiss]',
|
|
@@ -760,10 +767,10 @@ class DialogOpenDirective {
|
|
|
760
767
|
content: this.dialog(),
|
|
761
768
|
});
|
|
762
769
|
}
|
|
763
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
764
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1
|
|
770
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogOpenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
771
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", 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 }); }
|
|
765
772
|
}
|
|
766
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
773
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogOpenDirective, decorators: [{
|
|
767
774
|
type: Directive,
|
|
768
775
|
args: [{
|
|
769
776
|
selector: '[luDialogOpen]',
|