@lucca-front/ng 18.3.0-rc.1 → 18.3.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/comment/comment-block/comment-block.component.mjs +3 -3
- package/esm2022/dialog/dialog/dialog.component.mjs +2 -2
- package/esm2022/dialog/dialog-footer/dialog-footer.component.mjs +2 -2
- package/esm2022/dialog/dialog-header/dialog-header.component.mjs +3 -3
- package/esm2022/empty-state/empty-state-page/empty-state-page.component.mjs +5 -3
- package/esm2022/empty-state/empty-state-section/empty-state-section.component.mjs +3 -3
- package/esm2022/skeleton/skeleton-header/skeleton-header.component.mjs +2 -2
- package/fesm2022/lucca-front-ng-comment.mjs +2 -2
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +6 -6
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +6 -4
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +2 -2
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/package.json +26 -26
|
@@ -5,11 +5,11 @@ export class SkeletonHeaderComponent {
|
|
|
5
5
|
this.dark = false;
|
|
6
6
|
}
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SkeletonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.1", type: SkeletonHeaderComponent, isStandalone: true, selector: "lu-skeleton-header", inputs: { dark: ["dark", "dark", booleanAttribute] }, ngImport: i0, template: "<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"u-textXXL skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBottom0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBottom0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n", styles: [".pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400);padding:var(--components-pageHeader-padding)}.pageHeader .menu{margin-top:var(--pr-t-spacings-100)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-100);align-items:center;flex-wrap:wrap}.pageHeader-content-actions{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions{gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.1", type: SkeletonHeaderComponent, isStandalone: true, selector: "lu-skeleton-header", inputs: { dark: ["dark", "dark", booleanAttribute] }, ngImport: i0, template: "<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"u-textXXL skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBottom0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBottom0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n", styles: [".pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400);padding:var(--components-pageHeader-padding)}.pageHeader .menu{margin-top:var(--pr-t-spacings-100)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-100);align-items:center;flex-wrap:wrap}.pageHeader-content-actions{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions{gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width: 40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width: 40em){.pageHeader-content-actions .textfield.mod-search{width:100%;flex:auto}}.pageHeader-description{max-width:var(--components-pageHeader-description-max-width);margin-top:var(--pr-t-spacings-100);color:var(--palettes-neutral-700)}.pageHeader.mod-withMenu{padding-bottom:0}.pageHeader.mod-withBreadcrumbs{padding-top:var(--pr-t-spacings-200)}.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-bottom:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);top:var(--commons-banner-height);position:sticky;left:0;right:0;z-index:99}@media not all and (min-width: 50em){.pageHeader.mod-sticky{top:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));left:0!important}}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}.pageHeader.skeleton.is-loading .pageHeader-content-actions{width:100px}@media not all and (min-width: 40em){.pageHeader.skeleton.is-loading .pageHeader-content-actions{display:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SkeletonHeaderComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'lu-skeleton-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"u-textXXL skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBottom0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBottom0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n", styles: [".pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400);padding:var(--components-pageHeader-padding)}.pageHeader .menu{margin-top:var(--pr-t-spacings-100)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-100);align-items:center;flex-wrap:wrap}.pageHeader-content-actions{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions{gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0
|
|
12
|
+
args: [{ selector: 'lu-skeleton-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"u-textXXL skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBottom0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBottom0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n", styles: [".pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400);padding:var(--components-pageHeader-padding)}.pageHeader .menu{margin-top:var(--pr-t-spacings-100)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-100);align-items:center;flex-wrap:wrap}.pageHeader-content-actions{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions{gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width: 40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width: 40em){.pageHeader-content-actions .textfield.mod-search{width:100%;flex:auto}}.pageHeader-description{max-width:var(--components-pageHeader-description-max-width);margin-top:var(--pr-t-spacings-100);color:var(--palettes-neutral-700)}.pageHeader.mod-withMenu{padding-bottom:0}.pageHeader.mod-withBreadcrumbs{padding-top:var(--pr-t-spacings-200)}.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-bottom:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);top:var(--commons-banner-height);position:sticky;left:0;right:0;z-index:99}@media not all and (min-width: 50em){.pageHeader.mod-sticky{top:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));left:0!important}}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}.pageHeader.skeleton.is-loading .pageHeader-content-actions{width:100px}@media not all and (min-width: 40em){.pageHeader.skeleton.is-loading .pageHeader-content-actions{display:none}}\n"] }]
|
|
13
13
|
}], propDecorators: { dark: [{
|
|
14
14
|
type: Input,
|
|
15
15
|
args: [{ transform: booleanAttribute }]
|
|
@@ -80,7 +80,7 @@ class CommentBlockComponent {
|
|
|
80
80
|
provide: COMMENT_BLOCK_INSTANCE,
|
|
81
81
|
useExisting: forwardRef(() => CommentBlockComponent),
|
|
82
82
|
},
|
|
83
|
-
], queries: [{ propertyName: "comments", predicate: CommentComponent, descendants: true, read: CommentComponent, isSignal: true }], ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n",
|
|
83
|
+
], queries: [{ propertyName: "comments", predicate: CommentComponent, descendants: true, read: CommentComponent, isSignal: true }], ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
84
84
|
}
|
|
85
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentBlockComponent, decorators: [{
|
|
86
86
|
type: Component,
|
|
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
89
89
|
provide: COMMENT_BLOCK_INSTANCE,
|
|
90
90
|
useExisting: forwardRef(() => CommentBlockComponent),
|
|
91
91
|
},
|
|
92
|
-
], template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n"
|
|
92
|
+
], template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n" }]
|
|
93
93
|
}], propDecorators: { compact: [{
|
|
94
94
|
type: Input,
|
|
95
95
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-comment.mjs","sources":["../../../packages/ng/comment/token.ts","../../../packages/ng/comment/comment/comment.component.ts","../../../packages/ng/comment/comment/comment.component.html","../../../packages/ng/comment/comment-block/comment-block.component.ts","../../../packages/ng/comment/comment-block/comment-block.component.html","../../../packages/ng/comment/comment-chat/comment-chat.component.ts","../../../packages/ng/comment/comment-chat/comment-chat.component.html","../../../packages/ng/comment/lucca-front-ng-comment.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { CommentBlockComponent } from './comment-block/comment-block.component';\nimport { CommentChatComponent } from './comment-chat/comment-chat.component';\n\nexport const COMMENT_BLOCK_INSTANCE = new InjectionToken<CommentBlockComponent>('COMMENT_BLOCK_INSTANCE');\nexport const COMMENT_CHAT_INSTANCE = new InjectionToken<CommentChatComponent>('COMMENT_CHAT_INSTANCE');\n","import { DatePipe, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, HostBinding, inject, input, LOCALE_ID, ViewEncapsulation } from '@angular/core';\nimport { PortalDirective } from '@lucca-front/ng/core';\nimport { LuUserPictureModule } from '@lucca-front/ng/user';\nimport { COMMENT_BLOCK_INSTANCE } from '../token';\n\n@Component({\n\tselector: 'lu-comment',\n\tstandalone: true,\n\timports: [PortalDirective, DatePipe, LuUserPictureModule, NgTemplateOutlet],\n\ttemplateUrl: './comment.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'commentWrapper-item',\n\t},\n})\nexport class CommentComponent {\n\t#locale = inject(LOCALE_ID);\n\t#intlDateTimeFormat = new Intl.DateTimeFormat(this.#locale, {\n\t\tweekday: 'long',\n\t\tyear: 'numeric',\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\thour: 'numeric',\n\t\tminute: 'numeric',\n\t});\n\n\t#parentBlock = inject(COMMENT_BLOCK_INSTANCE);\n\n\tnoAvatar = computed(() => this.#parentBlock.noAvatar());\n\n\tavatar = computed(() => this.#parentBlock.avatar());\n\n\tauthorName = computed(() => this.#parentBlock.authorName());\n\n\tsize = computed(() => this.#parentBlock.size());\n\n\tdate = input<Date>();\n\n\tcontent = input<string>();\n\n\tcontentIsHTML = computed(() => {\n\t\treturn /<\\/?[a-z][\\s\\S]*>/i.test(this.content());\n\t});\n\n\tdateDisplay = computed(() => {\n\t\tconst formatted = this.#intlDateTimeFormat.format(this.date());\n\t\treturn `${formatted[0].toUpperCase()}${formatted.slice(1)}`;\n\t});\n\n\trole = computed(() => {\n\t\treturn this.#parentBlock.isSingleComment() ? null : 'listitem';\n\t});\n\n\t@HostBinding('attr.role')\n\tget roleAttr(): string {\n\t\treturn this.role();\n\t}\n}\n","<div class=\"comment\" [class.mod-noAvatar]=\"noAvatar()\" [class.mod-S]=\"size() === 'S'\">\n\t<div class=\"comment-infos\">\n\t\t@if (!noAvatar()) {\n\t\t<div class=\"u-displayContents\" aria-hidden=\"true\">\n\t\t\t<ng-container *ngTemplateOutlet=\"avatar()\"></ng-container>\n\t\t</div>\n\t\t}\n\t\t<div class=\"comment-infos-content\">\n\t\t\t<span class=\"comment-infos-name\"><ng-container *luPortal=\"authorName()\"></ng-container></span>&ngsp;\n\t\t\t<time class=\"comment-infos-date\" [attr.datetime]=\"date().toISOString()\">\n\t\t\t\t@if (dateDisplay()) {\n\t\t\t\t<ng-container *luPortal=\"dateDisplay()\"></ng-container>\n\t\t\t\t} @else { {{ date() | date }} }\n\t\t\t</time>\n\t\t</div>\n\t</div>\n\t<blockquote class=\"comment-content\">\n\t\t@if (contentIsHTML()) {\n\t\t<div class=\"comment-content-textContainerOptionnal\" [innerHTML]=\"content()\"></div>\n\t\t} @else {\n\t\t<p class=\"comment-content-text\" [innerHTML]=\"content()\"></p>\n\t\t}\n\t</blockquote>\n</div>\n\n<ng-template #contentTpl>\n\t<ng-content></ng-content>\n</ng-template>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, forwardRef, HostBinding, inject, Input, input, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { PortalContent } from '@lucca-front/ng/core';\nimport { CommentComponent } from '../comment/comment.component';\nimport { COMMENT_BLOCK_INSTANCE, COMMENT_CHAT_INSTANCE } from '../token';\n\n@Component({\n\tselector: 'lu-comment-block',\n\tstandalone: true,\n\timports: [NgTemplateOutlet],\n\ttemplateUrl: './comment-block.component.html',\n\tstyleUrl: './comment-block.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\n\tproviders: [\n\t\t{\n\t\t\tprovide: COMMENT_BLOCK_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => CommentBlockComponent),\n\t\t},\n\t],\n})\nexport class CommentBlockComponent {\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\tcompact = false;\n\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\tsmall = false;\n\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\tchatAnswer = false;\n\n\tcomments = contentChildren(CommentComponent, { read: CommentComponent, descendants: true });\n\n\tauthorName = input<PortalContent>();\n\n\tavatar = input<TemplateRef<unknown>>();\n\n\tsize = input<'S' | 'M'>();\n\n\tnoAvatar = computed(() => {\n\t\treturn !this.avatar();\n\t});\n\n\tisSingleComment = computed(() => {\n\t\treturn this.comments().length === 1;\n\t});\n\n\t#chatBlock = inject(COMMENT_CHAT_INSTANCE, { optional: true });\n\n\t@HostBinding('attr.role')\n\tpublic role = this.#chatBlock ? 'listitem' : null;\n}\n","<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n","import { ChangeDetectionStrategy, Component, forwardRef, ViewEncapsulation } from '@angular/core';\nimport { COMMENT_CHAT_INSTANCE } from '../token';\n\n@Component({\n\tselector: 'lu-comment-chat',\n\tstandalone: true,\n\timports: [],\n\ttemplateUrl: './comment-chat.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\n\tproviders: [\n\t\t{\n\t\t\tprovide: COMMENT_CHAT_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => CommentChatComponent),\n\t\t},\n\t],\n})\nexport class CommentChatComponent {}\n","<ol class=\"commentWrapperChat\">\n\t<ng-content></ng-content>\n</ol>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-comment.mjs","sources":["../../../packages/ng/comment/token.ts","../../../packages/ng/comment/comment/comment.component.ts","../../../packages/ng/comment/comment/comment.component.html","../../../packages/ng/comment/comment-block/comment-block.component.ts","../../../packages/ng/comment/comment-block/comment-block.component.html","../../../packages/ng/comment/comment-chat/comment-chat.component.ts","../../../packages/ng/comment/comment-chat/comment-chat.component.html","../../../packages/ng/comment/lucca-front-ng-comment.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { CommentBlockComponent } from './comment-block/comment-block.component';\nimport { CommentChatComponent } from './comment-chat/comment-chat.component';\n\nexport const COMMENT_BLOCK_INSTANCE = new InjectionToken<CommentBlockComponent>('COMMENT_BLOCK_INSTANCE');\nexport const COMMENT_CHAT_INSTANCE = new InjectionToken<CommentChatComponent>('COMMENT_CHAT_INSTANCE');\n","import { DatePipe, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, HostBinding, inject, input, LOCALE_ID, ViewEncapsulation } from '@angular/core';\nimport { PortalDirective } from '@lucca-front/ng/core';\nimport { LuUserPictureModule } from '@lucca-front/ng/user';\nimport { COMMENT_BLOCK_INSTANCE } from '../token';\n\n@Component({\n\tselector: 'lu-comment',\n\tstandalone: true,\n\timports: [PortalDirective, DatePipe, LuUserPictureModule, NgTemplateOutlet],\n\ttemplateUrl: './comment.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'commentWrapper-item',\n\t},\n})\nexport class CommentComponent {\n\t#locale = inject(LOCALE_ID);\n\t#intlDateTimeFormat = new Intl.DateTimeFormat(this.#locale, {\n\t\tweekday: 'long',\n\t\tyear: 'numeric',\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\thour: 'numeric',\n\t\tminute: 'numeric',\n\t});\n\n\t#parentBlock = inject(COMMENT_BLOCK_INSTANCE);\n\n\tnoAvatar = computed(() => this.#parentBlock.noAvatar());\n\n\tavatar = computed(() => this.#parentBlock.avatar());\n\n\tauthorName = computed(() => this.#parentBlock.authorName());\n\n\tsize = computed(() => this.#parentBlock.size());\n\n\tdate = input<Date>();\n\n\tcontent = input<string>();\n\n\tcontentIsHTML = computed(() => {\n\t\treturn /<\\/?[a-z][\\s\\S]*>/i.test(this.content());\n\t});\n\n\tdateDisplay = computed(() => {\n\t\tconst formatted = this.#intlDateTimeFormat.format(this.date());\n\t\treturn `${formatted[0].toUpperCase()}${formatted.slice(1)}`;\n\t});\n\n\trole = computed(() => {\n\t\treturn this.#parentBlock.isSingleComment() ? null : 'listitem';\n\t});\n\n\t@HostBinding('attr.role')\n\tget roleAttr(): string {\n\t\treturn this.role();\n\t}\n}\n","<div class=\"comment\" [class.mod-noAvatar]=\"noAvatar()\" [class.mod-S]=\"size() === 'S'\">\n\t<div class=\"comment-infos\">\n\t\t@if (!noAvatar()) {\n\t\t<div class=\"u-displayContents\" aria-hidden=\"true\">\n\t\t\t<ng-container *ngTemplateOutlet=\"avatar()\"></ng-container>\n\t\t</div>\n\t\t}\n\t\t<div class=\"comment-infos-content\">\n\t\t\t<span class=\"comment-infos-name\"><ng-container *luPortal=\"authorName()\"></ng-container></span>&ngsp;\n\t\t\t<time class=\"comment-infos-date\" [attr.datetime]=\"date().toISOString()\">\n\t\t\t\t@if (dateDisplay()) {\n\t\t\t\t<ng-container *luPortal=\"dateDisplay()\"></ng-container>\n\t\t\t\t} @else { {{ date() | date }} }\n\t\t\t</time>\n\t\t</div>\n\t</div>\n\t<blockquote class=\"comment-content\">\n\t\t@if (contentIsHTML()) {\n\t\t<div class=\"comment-content-textContainerOptionnal\" [innerHTML]=\"content()\"></div>\n\t\t} @else {\n\t\t<p class=\"comment-content-text\" [innerHTML]=\"content()\"></p>\n\t\t}\n\t</blockquote>\n</div>\n\n<ng-template #contentTpl>\n\t<ng-content></ng-content>\n</ng-template>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, forwardRef, HostBinding, inject, Input, input, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { PortalContent } from '@lucca-front/ng/core';\nimport { CommentComponent } from '../comment/comment.component';\nimport { COMMENT_BLOCK_INSTANCE, COMMENT_CHAT_INSTANCE } from '../token';\n\n@Component({\n\tselector: 'lu-comment-block',\n\tstandalone: true,\n\timports: [NgTemplateOutlet],\n\ttemplateUrl: './comment-block.component.html',\n\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\n\tproviders: [\n\t\t{\n\t\t\tprovide: COMMENT_BLOCK_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => CommentBlockComponent),\n\t\t},\n\t],\n})\nexport class CommentBlockComponent {\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\tcompact = false;\n\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\tsmall = false;\n\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\tchatAnswer = false;\n\n\tcomments = contentChildren(CommentComponent, { read: CommentComponent, descendants: true });\n\n\tauthorName = input<PortalContent>();\n\n\tavatar = input<TemplateRef<unknown>>();\n\n\tsize = input<'S' | 'M'>();\n\n\tnoAvatar = computed(() => {\n\t\treturn !this.avatar();\n\t});\n\n\tisSingleComment = computed(() => {\n\t\treturn this.comments().length === 1;\n\t});\n\n\t#chatBlock = inject(COMMENT_CHAT_INSTANCE, { optional: true });\n\n\t@HostBinding('attr.role')\n\tpublic role = this.#chatBlock ? 'listitem' : null;\n}\n","<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n","import { ChangeDetectionStrategy, Component, forwardRef, ViewEncapsulation } from '@angular/core';\nimport { COMMENT_CHAT_INSTANCE } from '../token';\n\n@Component({\n\tselector: 'lu-comment-chat',\n\tstandalone: true,\n\timports: [],\n\ttemplateUrl: './comment-chat.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\n\tproviders: [\n\t\t{\n\t\t\tprovide: COMMENT_CHAT_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => CommentChatComponent),\n\t\t},\n\t],\n})\nexport class CommentChatComponent {}\n","<ol class=\"commentWrapperChat\">\n\t<ng-content></ng-content>\n</ol>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -30,13 +30,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
30
30
|
|
|
31
31
|
class DialogFooterComponent {
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".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-300);background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-200) var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".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-300);background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-200) var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);bottom:0;position:var(--components-footer-position);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-left:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-200);flex-direction:var(--components-footer-direction)}.footer-containerOptional{--commons-container-padding: 0;display:flex;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);flex-grow:1;justify-content:space-between;flex-direction:var(--components-footer-direction);max-width:calc(var(--commons-container-maxWidth) - var(--components-footer-paddingInline) * 2)}.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}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogFooterComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: 'lu-dialog-footer', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
38
38
|
class: 'dialog-inside-footer footer',
|
|
39
|
-
}, styles: [".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-300);background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-200) var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);
|
|
39
|
+
}, styles: [".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-300);background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-200) var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);bottom:0;position:var(--components-footer-position);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-left:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-200);flex-direction:var(--components-footer-direction)}.footer-containerOptional{--commons-container-padding: 0;display:flex;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);flex-grow:1;justify-content:space-between;flex-direction:var(--components-footer-direction);max-width:calc(var(--commons-container-maxWidth) - var(--components-footer-paddingInline) * 2)}.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}}\n"] }]
|
|
40
40
|
}] });
|
|
41
41
|
|
|
42
42
|
const DISMISSED_VALUE = {};
|
|
@@ -157,13 +157,13 @@ class DialogHeaderComponent {
|
|
|
157
157
|
});
|
|
158
158
|
}
|
|
159
159
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
160
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogHeaderComponent, isStandalone: true, selector: "lu-dialog-header", host: { classAttribute: "dialog-inside-header" }, ngImport: i0, template: "<button class=\"dialog-inside-header-button button\" type=\"button\" luButton (click)=\"close()\" *ngIf=\"dismissible\">\n\t<lu-icon icon=\"signClose\"></lu-icon>\n\t<span class=\"u-mask\">{{ intl.close }}</span>\n</button>\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content></ng-content>\n</div>\n", styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-
|
|
160
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogHeaderComponent, isStandalone: true, selector: "lu-dialog-header", host: { classAttribute: "dialog-inside-header" }, ngImport: i0, template: "<button class=\"dialog-inside-header-button button\" type=\"button\" luButton (click)=\"close()\" *ngIf=\"dismissible\">\n\t<lu-icon icon=\"signClose\"></lu-icon>\n\t<span class=\"u-mask\">{{ intl.close }}</span>\n</button>\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content></ng-content>\n</div>\n", styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-headerButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-inside-footer.footer{background-color:transparent;position:relative}.dialog-inside-header{display:grid;padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.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: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton]", inputs: ["size", "block", "delete", "palette", "state", "luButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
161
161
|
}
|
|
162
162
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogHeaderComponent, decorators: [{
|
|
163
163
|
type: Component,
|
|
164
164
|
args: [{ selector: 'lu-dialog-header', standalone: true, imports: [IconComponent, ButtonComponent, NgIf], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
165
165
|
class: 'dialog-inside-header',
|
|
166
|
-
}, template: "<button class=\"dialog-inside-header-button button\" type=\"button\" luButton (click)=\"close()\" *ngIf=\"dismissible\">\n\t<lu-icon icon=\"signClose\"></lu-icon>\n\t<span class=\"u-mask\">{{ intl.close }}</span>\n</button>\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content></ng-content>\n</div>\n", styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-
|
|
166
|
+
}, template: "<button class=\"dialog-inside-header-button button\" type=\"button\" luButton (click)=\"close()\" *ngIf=\"dismissible\">\n\t<lu-icon icon=\"signClose\"></lu-icon>\n\t<span class=\"u-mask\">{{ intl.close }}</span>\n</button>\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content></ng-content>\n</div>\n", styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-headerButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-inside-footer.footer{background-color:transparent;position:relative}.dialog-inside-header{display:grid;padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.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: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}\n"] }]
|
|
167
167
|
}] });
|
|
168
168
|
|
|
169
169
|
class LuDialogService {
|
|
@@ -260,13 +260,13 @@ class DialogComponent {
|
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
262
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
263
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogComponent, isStandalone: true, selector: "lu-dialog", host: { classAttribute: "dialog-inside" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-
|
|
263
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogComponent, isStandalone: true, selector: "lu-dialog", host: { classAttribute: "dialog-inside" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-headerButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-inside-footer.footer{background-color:transparent;position:relative}.dialog-inside-header{display:grid;padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.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: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}.dialog .cdk-dialog-container{display:flex;flex-direction:column;width:auto;height:auto;flex-grow:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
264
264
|
}
|
|
265
265
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogComponent, decorators: [{
|
|
266
266
|
type: Component,
|
|
267
267
|
args: [{ selector: 'lu-dialog', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
268
268
|
class: 'dialog-inside',
|
|
269
|
-
}, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-
|
|
269
|
+
}, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-headerButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-inside-footer.footer{background-color:transparent;position:relative}.dialog-inside-header{display:grid;padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.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: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}.dialog .cdk-dialog-container{display:flex;flex-direction:column;width:auto;height:auto;flex-grow:1}\n"] }]
|
|
270
270
|
}] });
|
|
271
271
|
|
|
272
272
|
class DialogCloseDirective {
|