@lucca-front/ng 21.2.4-rc.1 → 21.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lucca-front-ng-app-layout.mjs +2 -2
- package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-bubble-icon.mjs +3 -2
- package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +4 -4
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills.mjs +2 -2
- package/fesm2022/lucca-front-ng-footer.mjs +2 -2
- package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +12 -12
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +4 -4
- package/fesm2022/lucca-front-ng-index-table.mjs +5 -0
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +2 -2
- package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-resource-card.mjs +2 -2
- package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +4 -4
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +21 -3
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/package.json +4 -4
- package/schematics/package.json +3 -0
- package/src/components/_picker.scss +4 -0
- package/types/lucca-front-ng-bubble-icon.d.ts +1 -1
- package/types/lucca-front-ng-forms-rich-text-input.d.ts +4 -2
- package/types/lucca-front-ng-index-table.d.ts +4 -1
- package/types/lucca-front-ng-tooltip.d.ts +7 -2
|
@@ -6,14 +6,14 @@ class AppLayoutComponent {
|
|
|
6
6
|
this.mobileNavSideBottom = input(false, { ...(ngDevMode ? { debugName: "mobileNavSideBottom" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
7
7
|
}
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AppLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: AppLayoutComponent, isStandalone: true, selector: "lu-app-layout", inputs: { mobileNavSideBottom: { classPropertyName: "mobileNavSideBottom", publicName: "mobileNavSideBottom", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-mobileNavSideBottom": "mobileNavSideBottom()" }, classAttribute: "appLayout" }, ngImport: i0, template: "<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n", styles: ["@layer components{.appLayout{--components-appLayout-blockSize: 100dvh;--components-appLayout-inlineSize: 100%;--components-appLayout-navSide-overflowX: hidden;--components-appLayout-navSide-overflowY: auto;--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"navSide\" auto \"main \" 1fr
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: AppLayoutComponent, isStandalone: true, selector: "lu-app-layout", inputs: { mobileNavSideBottom: { classPropertyName: "mobileNavSideBottom", publicName: "mobileNavSideBottom", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-mobileNavSideBottom": "mobileNavSideBottom()" }, classAttribute: "appLayout" }, ngImport: i0, template: "<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n", styles: ["@layer components{.appLayout{--components-appLayout-blockSize: 100dvh;--components-appLayout-inlineSize: 100%;--components-appLayout-navSide-overflowX: hidden;--components-appLayout-navSide-overflowY: auto;--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"navSide\" auto \"main \" 1fr}@media screen{.appLayout{block-size:var(--components-appLayout-blockSize)}}.appLayout{inline-size:var(--components-appLayout-inlineSize);grid-template:var(--components-appLayout-gridTemplate);display:grid;isolation:isolate}.appLayout-banner{grid-area:banner}.appLayout-banner:empty{display:none}.appLayout-navSide{min-inline-size:0;grid-area:navSide;overflow-y:var(--components-appLayout-navSide-overflowX);overflow-x:var(--components-appLayout-navSide-overflowY)}.appLayout-navSide:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.appLayout-navSide:empty{display:none}.appLayout-main{grid-area:main;overflow:auto}.appLayout-main:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}@media(min-width:50em){.appLayout{--components-appLayout-gridTemplate: \"banner banner\" var(--commons-banner-height) \"navSide main \" 1fr / auto 1fr}}}@layer mods{@media not all and (min-width:50em){.appLayout.mod-mobileNavSideBottom{--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"main\" 1fr \"navSide\" auto;--components-appLayout-navSide-overflowX: visible;--components-appLayout-navSide-overflowY: visible}}.appLayout:has(.appLayout-banner:empty),.appLayout:not(:has(.appLayout-banner)){--commons-banner-height: 0px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AppLayoutComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'lu-app-layout', encapsulation: ViewEncapsulation.None, host: {
|
|
14
14
|
class: 'appLayout',
|
|
15
15
|
'[class.mod-mobileNavSideBottom]': 'mobileNavSideBottom()',
|
|
16
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n", styles: ["@layer components{.appLayout{--components-appLayout-blockSize: 100dvh;--components-appLayout-inlineSize: 100%;--components-appLayout-navSide-overflowX: hidden;--components-appLayout-navSide-overflowY: auto;--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"navSide\" auto \"main \" 1fr
|
|
16
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n", styles: ["@layer components{.appLayout{--components-appLayout-blockSize: 100dvh;--components-appLayout-inlineSize: 100%;--components-appLayout-navSide-overflowX: hidden;--components-appLayout-navSide-overflowY: auto;--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"navSide\" auto \"main \" 1fr}@media screen{.appLayout{block-size:var(--components-appLayout-blockSize)}}.appLayout{inline-size:var(--components-appLayout-inlineSize);grid-template:var(--components-appLayout-gridTemplate);display:grid;isolation:isolate}.appLayout-banner{grid-area:banner}.appLayout-banner:empty{display:none}.appLayout-navSide{min-inline-size:0;grid-area:navSide;overflow-y:var(--components-appLayout-navSide-overflowX);overflow-x:var(--components-appLayout-navSide-overflowY)}.appLayout-navSide:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.appLayout-navSide:empty{display:none}.appLayout-main{grid-area:main;overflow:auto}.appLayout-main:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}@media(min-width:50em){.appLayout{--components-appLayout-gridTemplate: \"banner banner\" var(--commons-banner-height) \"navSide main \" 1fr / auto 1fr}}}@layer mods{@media not all and (min-width:50em){.appLayout.mod-mobileNavSideBottom{--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"main\" 1fr \"navSide\" auto;--components-appLayout-navSide-overflowX: visible;--components-appLayout-navSide-overflowY: visible}}.appLayout:has(.appLayout-banner:empty),.appLayout:not(:has(.appLayout-banner)){--commons-banner-height: 0px}}\n"] }]
|
|
17
17
|
}], propDecorators: { mobileNavSideBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileNavSideBottom", required: false }] }] } });
|
|
18
18
|
|
|
19
19
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-app-layout.mjs","sources":["../../../packages/ng/app-layout/app-layout.component.ts","../../../packages/ng/app-layout/app-layout.component.html","../../../packages/ng/app-layout/lucca-front-ng-app-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-app-layout',\n\tstyleUrl: './app-layout.component.scss',\n\ttemplateUrl: './app-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'appLayout',\n\t\t'[class.mod-mobileNavSideBottom]': 'mobileNavSideBottom()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AppLayoutComponent {\n\treadonly mobileNavSideBottom = input(false, { transform: booleanAttribute });\n}\n","<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAaa,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYU,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAC,KAAK,2FAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC5E,IAAA;+GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,wWCb/B,8NAGA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-app-layout.mjs","sources":["../../../packages/ng/app-layout/app-layout.component.ts","../../../packages/ng/app-layout/app-layout.component.html","../../../packages/ng/app-layout/lucca-front-ng-app-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-app-layout',\n\tstyleUrl: './app-layout.component.scss',\n\ttemplateUrl: './app-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'appLayout',\n\t\t'[class.mod-mobileNavSideBottom]': 'mobileNavSideBottom()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AppLayoutComponent {\n\treadonly mobileNavSideBottom = input(false, { transform: booleanAttribute });\n}\n","<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAaa,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYU,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAC,KAAK,2FAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC5E,IAAA;+GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,wWCb/B,8NAGA,EAAA,MAAA,EAAA,CAAA,8nDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDUa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,aAAA,EAGV,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,iCAAiC,EAAE,uBAAuB;qBAC1D,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8NAAA,EAAA,MAAA,EAAA,CAAA,8nDAAA,CAAA,EAAA;;;AEXhD;;AAEG;;;;"}
|
|
@@ -27,7 +27,7 @@ class BubbleIconComponent {
|
|
|
27
27
|
}, ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BubbleIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: BubbleIconComponent, isStandalone: true, selector: "lu-bubble-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, bubbleDirection: { classPropertyName: "bubbleDirection", publicName: "bubbleDirection", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "paletteClass()", "class.mod-left": "direction() === 1", "class.mod-right": "direction() === 2", "class.mod-top": "direction() === 3", "class.mod-bottom": "direction() === 4", "class.mod-S": "size() === \"S\"", "class.mod-L": "size() === \"L\"" }, classAttribute: "bubbleIcon" }, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" class=\"bubbleIcon-bubble\">\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathInline\"\n\t\td=\"M8.02234 5.62248C18.6681.122 39.722-6.44995 39.9931 13.4051c.146 10.9657-1.8566 32.8782-21.3314 24.8746C-1.892 29.8346-5.51213 12.491 8.02234 5.62248\"\n\t/>\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathBlock\"\n\t\td=\"M2.25264 16.3895C8.11117 6.4042 21.9332-9.59108 32.4637 7.57789c5.8129 9.48391 15.5505 29.55471-4.5465 32.07901C6.70786 42.3228-5.2602 28.9757 2.25264 16.3895\"\n\t/>\n</svg>\n<span class=\"bubbleIcon-icon\">\n\t<lu-icon [icon]=\"icon()\" [alt]=\"alt()\" />\n</span>\n", styles: ["@layer components{.bubbleIcon{--components-bubbleIcon-size: var(--pr-t-spacings-500);--components-bubbleIcon-color: var(--palettes-700, var(--palettes-product-700));--components-bubbleIcon-bubble-path-fill: var(--palettes-100, var(--palettes-product-100));--components-bubbleIcon-bubble-pathBlock-display: none;--components-bubbleIcon-bubble-pathInline-display: inherit;--components-bubbleIcon-bubble-scale: 1;--components-bubbleIcon-icon-insetOffset: 1px;--components-bubbleIcon-icon-insetBlockStart: auto;--components-bubbleIcon-icon-insetBlockEnd: auto;--components-bubbleIcon-icon-insetInlineStart: auto;--components-bubbleIcon-icon-insetInlineEnd: auto;color:var(--components-bubbleIcon-color);inline-size:var(--components-bubbleIcon-size);block-size:var(--components-bubbleIcon-size);display:inline-grid}.bubbleIcon-icon,.bubbleIcon-bubble{grid-column-start:1;grid-row-start:1}.bubbleIcon-bubble{scale:var(--components-bubbleIcon-bubble-scale);inline-size:100%;block-size:100%}.bubbleIcon-bubble-pathBlock,.bubbleIcon-bubble-pathInline{fill:var(--components-bubbleIcon-bubble-path-fill)}.bubbleIcon-bubble-pathBlock{display:var(--components-bubbleIcon-bubble-pathBlock-display)}.bubbleIcon-bubble-pathInline{display:var(--components-bubbleIcon-bubble-pathInline-display)}.bubbleIcon-icon{display:flex;isolation:isolate;position:relative;inset-block-start:var(--components-bubbleIcon-icon-insetBlockStart);inset-block-end:var(--components-bubbleIcon-icon-insetBlockEnd);inset-inline-start:var(--components-bubbleIcon-icon-insetInlineStart);inset-inline-end:var(--components-bubbleIcon-icon-insetInlineEnd)}.bubbleIcon-icon lu-icon,.bubbleIcon-icon .lucca-icon{margin:auto}.bubbleIcon-icon lu-icon .lucca-icon,.bubbleIcon-icon .lucca-icon .lucca-icon{margin:0}}@layer mods{.bubbleIcon.mod-S{--components-bubbleIcon-size: var(--pr-t-spacings-400)}.bubbleIcon.mod-S .lucca-icon{--icon-size:
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: BubbleIconComponent, isStandalone: true, selector: "lu-bubble-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, bubbleDirection: { classPropertyName: "bubbleDirection", publicName: "bubbleDirection", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "paletteClass()", "class.mod-left": "direction() === 1", "class.mod-right": "direction() === 2", "class.mod-top": "direction() === 3", "class.mod-bottom": "direction() === 4", "class.mod-XS": "size() === \"XS\"", "class.mod-S": "size() === \"S\"", "class.mod-L": "size() === \"L\"" }, classAttribute: "bubbleIcon" }, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" class=\"bubbleIcon-bubble\">\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathInline\"\n\t\td=\"M8.02234 5.62248C18.6681.122 39.722-6.44995 39.9931 13.4051c.146 10.9657-1.8566 32.8782-21.3314 24.8746C-1.892 29.8346-5.51213 12.491 8.02234 5.62248\"\n\t/>\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathBlock\"\n\t\td=\"M2.25264 16.3895C8.11117 6.4042 21.9332-9.59108 32.4637 7.57789c5.8129 9.48391 15.5505 29.55471-4.5465 32.07901C6.70786 42.3228-5.2602 28.9757 2.25264 16.3895\"\n\t/>\n</svg>\n<span class=\"bubbleIcon-icon\">\n\t<lu-icon [icon]=\"icon()\" [alt]=\"alt()\" />\n</span>\n", styles: ["@layer components{.bubbleIcon{--components-bubbleIcon-size: var(--pr-t-spacings-500);--components-bubbleIcon-color: var(--palettes-700, var(--palettes-product-700));--components-bubbleIcon-bubble-path-fill: var(--palettes-100, var(--palettes-product-100));--components-bubbleIcon-bubble-pathBlock-display: none;--components-bubbleIcon-bubble-pathInline-display: inherit;--components-bubbleIcon-bubble-scale: 1;--components-bubbleIcon-icon-insetOffset: 1px;--components-bubbleIcon-icon-insetBlockStart: auto;--components-bubbleIcon-icon-insetBlockEnd: auto;--components-bubbleIcon-icon-insetInlineStart: auto;--components-bubbleIcon-icon-insetInlineEnd: auto;color:var(--components-bubbleIcon-color);inline-size:var(--components-bubbleIcon-size);block-size:var(--components-bubbleIcon-size);display:inline-grid}.bubbleIcon-icon,.bubbleIcon-bubble{grid-column-start:1;grid-row-start:1}.bubbleIcon-bubble{scale:var(--components-bubbleIcon-bubble-scale);inline-size:100%;block-size:100%}.bubbleIcon-bubble-pathBlock,.bubbleIcon-bubble-pathInline{fill:var(--components-bubbleIcon-bubble-path-fill)}.bubbleIcon-bubble-pathBlock{display:var(--components-bubbleIcon-bubble-pathBlock-display)}.bubbleIcon-bubble-pathInline{display:var(--components-bubbleIcon-bubble-pathInline-display)}.bubbleIcon-icon{display:flex;isolation:isolate;position:relative;inset-block-start:var(--components-bubbleIcon-icon-insetBlockStart);inset-block-end:var(--components-bubbleIcon-icon-insetBlockEnd);inset-inline-start:var(--components-bubbleIcon-icon-insetInlineStart);inset-inline-end:var(--components-bubbleIcon-icon-insetInlineEnd)}.bubbleIcon-icon lu-icon,.bubbleIcon-icon .lucca-icon{margin:auto}.bubbleIcon-icon lu-icon .lucca-icon,.bubbleIcon-icon .lucca-icon .lucca-icon{margin:0}}@layer mods{.bubbleIcon.mod-XS{--components-bubbleIcon-size: var(--pr-t-spacings-300)}.bubbleIcon.mod-XS .lucca-icon{--icon-size: 1rem}.bubbleIcon.mod-S{--components-bubbleIcon-size: var(--pr-t-spacings-400)}.bubbleIcon.mod-S .lucca-icon{--icon-size: 1.25rem}.bubbleIcon.mod-L{--components-bubbleIcon-size: var(--pr-t-spacings-600)}.bubbleIcon.mod-L .lucca-icon{--icon-size: 1.75rem}.bubbleIcon.is-success{--palettes-text: var(--palettes-success-text);--palettes-0: var(--palettes-success-0);--palettes-25: var(--palettes-success-25);--palettes-50: var(--palettes-success-50);--palettes-100: var(--palettes-success-100);--palettes-200: var(--palettes-success-200);--palettes-300: var(--palettes-success-300);--palettes-400: var(--palettes-success-400);--palettes-500: var(--palettes-success-500);--palettes-600: var(--palettes-success-600);--palettes-700: var(--palettes-success-700);--palettes-800: var(--palettes-success-800);--palettes-900: var(--palettes-success-900)}.bubbleIcon.is-critical{--palettes-text: var(--palettes-critical-text);--palettes-0: var(--palettes-critical-0);--palettes-25: var(--palettes-critical-25);--palettes-50: var(--palettes-critical-50);--palettes-100: var(--palettes-critical-100);--palettes-200: var(--palettes-critical-200);--palettes-300: var(--palettes-critical-300);--palettes-400: var(--palettes-critical-400);--palettes-500: var(--palettes-critical-500);--palettes-600: var(--palettes-critical-600);--palettes-700: var(--palettes-critical-700);--palettes-800: var(--palettes-critical-800);--palettes-900: var(--palettes-critical-900)}.bubbleIcon.is-warning{--palettes-text: var(--palettes-warning-text);--palettes-0: var(--palettes-warning-0);--palettes-25: var(--palettes-warning-25);--palettes-50: var(--palettes-warning-50);--palettes-100: var(--palettes-warning-100);--palettes-200: var(--palettes-warning-200);--palettes-300: var(--palettes-warning-300);--palettes-400: var(--palettes-warning-400);--palettes-500: var(--palettes-warning-500);--palettes-600: var(--palettes-warning-600);--palettes-700: var(--palettes-warning-700);--palettes-800: var(--palettes-warning-800);--palettes-900: var(--palettes-warning-900)}.bubbleIcon.mod-top{--components-bubbleIcon-icon-insetBlockStart: var(--components-bubbleIcon-icon-insetOffset);--components-bubbleIcon-bubble-pathBlock-display: inherit;--components-bubbleIcon-bubble-pathInline-display: none}.bubbleIcon.mod-bottom{--components-bubbleIcon-icon-insetBlockEnd: var(--components-bubbleIcon-icon-insetOffset);--components-bubbleIcon-bubble-pathBlock-display: inherit;--components-bubbleIcon-bubble-pathInline-display: none;--components-bubbleIcon-bubble-scale: -1 -1}.bubbleIcon.mod-left{--components-bubbleIcon-icon-insetInlineStart: var(--components-bubbleIcon-icon-insetOffset)}.bubbleIcon.mod-right{--components-bubbleIcon-icon-insetInlineEnd: var(--components-bubbleIcon-icon-insetOffset);--components-bubbleIcon-bubble-scale: -1 -1}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BubbleIconComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
@@ -38,9 +38,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
38
38
|
'[class.mod-right]': 'direction() === 2',
|
|
39
39
|
'[class.mod-top]': 'direction() === 3',
|
|
40
40
|
'[class.mod-bottom]': 'direction() === 4',
|
|
41
|
+
'[class.mod-XS]': 'size() === "XS"',
|
|
41
42
|
'[class.mod-S]': 'size() === "S"',
|
|
42
43
|
'[class.mod-L]': 'size() === "L"',
|
|
43
|
-
}, imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" class=\"bubbleIcon-bubble\">\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathInline\"\n\t\td=\"M8.02234 5.62248C18.6681.122 39.722-6.44995 39.9931 13.4051c.146 10.9657-1.8566 32.8782-21.3314 24.8746C-1.892 29.8346-5.51213 12.491 8.02234 5.62248\"\n\t/>\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathBlock\"\n\t\td=\"M2.25264 16.3895C8.11117 6.4042 21.9332-9.59108 32.4637 7.57789c5.8129 9.48391 15.5505 29.55471-4.5465 32.07901C6.70786 42.3228-5.2602 28.9757 2.25264 16.3895\"\n\t/>\n</svg>\n<span class=\"bubbleIcon-icon\">\n\t<lu-icon [icon]=\"icon()\" [alt]=\"alt()\" />\n</span>\n", styles: ["@layer components{.bubbleIcon{--components-bubbleIcon-size: var(--pr-t-spacings-500);--components-bubbleIcon-color: var(--palettes-700, var(--palettes-product-700));--components-bubbleIcon-bubble-path-fill: var(--palettes-100, var(--palettes-product-100));--components-bubbleIcon-bubble-pathBlock-display: none;--components-bubbleIcon-bubble-pathInline-display: inherit;--components-bubbleIcon-bubble-scale: 1;--components-bubbleIcon-icon-insetOffset: 1px;--components-bubbleIcon-icon-insetBlockStart: auto;--components-bubbleIcon-icon-insetBlockEnd: auto;--components-bubbleIcon-icon-insetInlineStart: auto;--components-bubbleIcon-icon-insetInlineEnd: auto;color:var(--components-bubbleIcon-color);inline-size:var(--components-bubbleIcon-size);block-size:var(--components-bubbleIcon-size);display:inline-grid}.bubbleIcon-icon,.bubbleIcon-bubble{grid-column-start:1;grid-row-start:1}.bubbleIcon-bubble{scale:var(--components-bubbleIcon-bubble-scale);inline-size:100%;block-size:100%}.bubbleIcon-bubble-pathBlock,.bubbleIcon-bubble-pathInline{fill:var(--components-bubbleIcon-bubble-path-fill)}.bubbleIcon-bubble-pathBlock{display:var(--components-bubbleIcon-bubble-pathBlock-display)}.bubbleIcon-bubble-pathInline{display:var(--components-bubbleIcon-bubble-pathInline-display)}.bubbleIcon-icon{display:flex;isolation:isolate;position:relative;inset-block-start:var(--components-bubbleIcon-icon-insetBlockStart);inset-block-end:var(--components-bubbleIcon-icon-insetBlockEnd);inset-inline-start:var(--components-bubbleIcon-icon-insetInlineStart);inset-inline-end:var(--components-bubbleIcon-icon-insetInlineEnd)}.bubbleIcon-icon lu-icon,.bubbleIcon-icon .lucca-icon{margin:auto}.bubbleIcon-icon lu-icon .lucca-icon,.bubbleIcon-icon .lucca-icon .lucca-icon{margin:0}}@layer mods{.bubbleIcon.mod-S{--components-bubbleIcon-size: var(--pr-t-spacings-400)}.bubbleIcon.mod-S .lucca-icon{--icon-size:
|
|
44
|
+
}, imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" class=\"bubbleIcon-bubble\">\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathInline\"\n\t\td=\"M8.02234 5.62248C18.6681.122 39.722-6.44995 39.9931 13.4051c.146 10.9657-1.8566 32.8782-21.3314 24.8746C-1.892 29.8346-5.51213 12.491 8.02234 5.62248\"\n\t/>\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathBlock\"\n\t\td=\"M2.25264 16.3895C8.11117 6.4042 21.9332-9.59108 32.4637 7.57789c5.8129 9.48391 15.5505 29.55471-4.5465 32.07901C6.70786 42.3228-5.2602 28.9757 2.25264 16.3895\"\n\t/>\n</svg>\n<span class=\"bubbleIcon-icon\">\n\t<lu-icon [icon]=\"icon()\" [alt]=\"alt()\" />\n</span>\n", styles: ["@layer components{.bubbleIcon{--components-bubbleIcon-size: var(--pr-t-spacings-500);--components-bubbleIcon-color: var(--palettes-700, var(--palettes-product-700));--components-bubbleIcon-bubble-path-fill: var(--palettes-100, var(--palettes-product-100));--components-bubbleIcon-bubble-pathBlock-display: none;--components-bubbleIcon-bubble-pathInline-display: inherit;--components-bubbleIcon-bubble-scale: 1;--components-bubbleIcon-icon-insetOffset: 1px;--components-bubbleIcon-icon-insetBlockStart: auto;--components-bubbleIcon-icon-insetBlockEnd: auto;--components-bubbleIcon-icon-insetInlineStart: auto;--components-bubbleIcon-icon-insetInlineEnd: auto;color:var(--components-bubbleIcon-color);inline-size:var(--components-bubbleIcon-size);block-size:var(--components-bubbleIcon-size);display:inline-grid}.bubbleIcon-icon,.bubbleIcon-bubble{grid-column-start:1;grid-row-start:1}.bubbleIcon-bubble{scale:var(--components-bubbleIcon-bubble-scale);inline-size:100%;block-size:100%}.bubbleIcon-bubble-pathBlock,.bubbleIcon-bubble-pathInline{fill:var(--components-bubbleIcon-bubble-path-fill)}.bubbleIcon-bubble-pathBlock{display:var(--components-bubbleIcon-bubble-pathBlock-display)}.bubbleIcon-bubble-pathInline{display:var(--components-bubbleIcon-bubble-pathInline-display)}.bubbleIcon-icon{display:flex;isolation:isolate;position:relative;inset-block-start:var(--components-bubbleIcon-icon-insetBlockStart);inset-block-end:var(--components-bubbleIcon-icon-insetBlockEnd);inset-inline-start:var(--components-bubbleIcon-icon-insetInlineStart);inset-inline-end:var(--components-bubbleIcon-icon-insetInlineEnd)}.bubbleIcon-icon lu-icon,.bubbleIcon-icon .lucca-icon{margin:auto}.bubbleIcon-icon lu-icon .lucca-icon,.bubbleIcon-icon .lucca-icon .lucca-icon{margin:0}}@layer mods{.bubbleIcon.mod-XS{--components-bubbleIcon-size: var(--pr-t-spacings-300)}.bubbleIcon.mod-XS .lucca-icon{--icon-size: 1rem}.bubbleIcon.mod-S{--components-bubbleIcon-size: var(--pr-t-spacings-400)}.bubbleIcon.mod-S .lucca-icon{--icon-size: 1.25rem}.bubbleIcon.mod-L{--components-bubbleIcon-size: var(--pr-t-spacings-600)}.bubbleIcon.mod-L .lucca-icon{--icon-size: 1.75rem}.bubbleIcon.is-success{--palettes-text: var(--palettes-success-text);--palettes-0: var(--palettes-success-0);--palettes-25: var(--palettes-success-25);--palettes-50: var(--palettes-success-50);--palettes-100: var(--palettes-success-100);--palettes-200: var(--palettes-success-200);--palettes-300: var(--palettes-success-300);--palettes-400: var(--palettes-success-400);--palettes-500: var(--palettes-success-500);--palettes-600: var(--palettes-success-600);--palettes-700: var(--palettes-success-700);--palettes-800: var(--palettes-success-800);--palettes-900: var(--palettes-success-900)}.bubbleIcon.is-critical{--palettes-text: var(--palettes-critical-text);--palettes-0: var(--palettes-critical-0);--palettes-25: var(--palettes-critical-25);--palettes-50: var(--palettes-critical-50);--palettes-100: var(--palettes-critical-100);--palettes-200: var(--palettes-critical-200);--palettes-300: var(--palettes-critical-300);--palettes-400: var(--palettes-critical-400);--palettes-500: var(--palettes-critical-500);--palettes-600: var(--palettes-critical-600);--palettes-700: var(--palettes-critical-700);--palettes-800: var(--palettes-critical-800);--palettes-900: var(--palettes-critical-900)}.bubbleIcon.is-warning{--palettes-text: var(--palettes-warning-text);--palettes-0: var(--palettes-warning-0);--palettes-25: var(--palettes-warning-25);--palettes-50: var(--palettes-warning-50);--palettes-100: var(--palettes-warning-100);--palettes-200: var(--palettes-warning-200);--palettes-300: var(--palettes-warning-300);--palettes-400: var(--palettes-warning-400);--palettes-500: var(--palettes-warning-500);--palettes-600: var(--palettes-warning-600);--palettes-700: var(--palettes-warning-700);--palettes-800: var(--palettes-warning-800);--palettes-900: var(--palettes-warning-900)}.bubbleIcon.mod-top{--components-bubbleIcon-icon-insetBlockStart: var(--components-bubbleIcon-icon-insetOffset);--components-bubbleIcon-bubble-pathBlock-display: inherit;--components-bubbleIcon-bubble-pathInline-display: none}.bubbleIcon.mod-bottom{--components-bubbleIcon-icon-insetBlockEnd: var(--components-bubbleIcon-icon-insetOffset);--components-bubbleIcon-bubble-pathBlock-display: inherit;--components-bubbleIcon-bubble-pathInline-display: none;--components-bubbleIcon-bubble-scale: -1 -1}.bubbleIcon.mod-left{--components-bubbleIcon-icon-insetInlineStart: var(--components-bubbleIcon-icon-insetOffset)}.bubbleIcon.mod-right{--components-bubbleIcon-icon-insetInlineEnd: var(--components-bubbleIcon-icon-insetOffset);--components-bubbleIcon-bubble-scale: -1 -1}}\n"] }]
|
|
44
45
|
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], bubbleDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "bubbleDirection", required: false }] }] } });
|
|
45
46
|
|
|
46
47
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-bubble-icon.mjs","sources":["../../../packages/ng/bubble-icon/bubble-icon.component.ts","../../../packages/ng/bubble-icon/bubble-icon.component.html","../../../packages/ng/bubble-icon/lucca-front-ng-bubble-icon.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, signal, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { DecorativePalette, Palette } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\tselector: 'lu-bubble-icon',\n\ttemplateUrl: './bubble-icon.component.html',\n\tstyleUrl: './bubble-icon.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'bubbleIcon',\n\t\t'[class]': 'paletteClass()',\n\t\t'[class.mod-left]': 'direction() === 1',\n\t\t'[class.mod-right]': 'direction() === 2',\n\t\t'[class.mod-top]': 'direction() === 3',\n\t\t'[class.mod-bottom]': 'direction() === 4',\n\t\t'[class.mod-S]': 'size() === \"S\"',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t},\n\timports: [IconComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BubbleIconComponent {\n\treadonly icon = input.required<LuccaIcon>();\n\treadonly alt = input<string | null>(null);\n\treadonly size = input<'S' | 'M' | 'L'>('M');\n\n\treadonly palette = input<Palette | DecorativePalette>('product');\n\treadonly paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\treadonly bubbleDirection = input<'top' | 'bottom' | 'left' | 'right' | 'random'>('random');\n\n\treadonly randomNumber = signal<number>(Math.floor(Math.random() * 4) + 1);\n\n\treadonly direction = computed(() => {\n\t\tswitch (this.bubbleDirection()) {\n\t\t\tcase 'left':\n\t\t\t\treturn 1;\n\t\t\tcase 'right':\n\t\t\t\treturn 2;\n\t\t\tcase 'top':\n\t\t\t\treturn 3;\n\t\t\tcase 'bottom':\n\t\t\t\treturn 4;\n\t\t\tdefault:\n\t\t\t\treturn this.randomNumber();\n\t\t}\n\t});\n}\n","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" class=\"bubbleIcon-bubble\">\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathInline\"\n\t\td=\"M8.02234 5.62248C18.6681.122 39.722-6.44995 39.9931 13.4051c.146 10.9657-1.8566 32.8782-21.3314 24.8746C-1.892 29.8346-5.51213 12.491 8.02234 5.62248\"\n\t/>\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathBlock\"\n\t\td=\"M2.25264 16.3895C8.11117 6.4042 21.9332-9.59108 32.4637 7.57789c5.8129 9.48391 15.5505 29.55471-4.5465 32.07901C6.70786 42.3228-5.2602 28.9757 2.25264 16.3895\"\n\t/>\n</svg>\n<span class=\"bubbleIcon-icon\">\n\t<lu-icon [icon]=\"icon()\" [alt]=\"alt()\" />\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-bubble-icon.mjs","sources":["../../../packages/ng/bubble-icon/bubble-icon.component.ts","../../../packages/ng/bubble-icon/bubble-icon.component.html","../../../packages/ng/bubble-icon/lucca-front-ng-bubble-icon.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, signal, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { DecorativePalette, Palette } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\tselector: 'lu-bubble-icon',\n\ttemplateUrl: './bubble-icon.component.html',\n\tstyleUrl: './bubble-icon.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'bubbleIcon',\n\t\t'[class]': 'paletteClass()',\n\t\t'[class.mod-left]': 'direction() === 1',\n\t\t'[class.mod-right]': 'direction() === 2',\n\t\t'[class.mod-top]': 'direction() === 3',\n\t\t'[class.mod-bottom]': 'direction() === 4',\n\t\t'[class.mod-XS]': 'size() === \"XS\"',\n\t\t'[class.mod-S]': 'size() === \"S\"',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t},\n\timports: [IconComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BubbleIconComponent {\n\treadonly icon = input.required<LuccaIcon>();\n\treadonly alt = input<string | null>(null);\n\treadonly size = input<'XS' | 'S' | 'M' | 'L'>('M');\n\n\treadonly palette = input<Palette | DecorativePalette>('product');\n\treadonly paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\treadonly bubbleDirection = input<'top' | 'bottom' | 'left' | 'right' | 'random'>('random');\n\n\treadonly randomNumber = signal<number>(Math.floor(Math.random() * 4) + 1);\n\n\treadonly direction = computed(() => {\n\t\tswitch (this.bubbleDirection()) {\n\t\t\tcase 'left':\n\t\t\t\treturn 1;\n\t\t\tcase 'right':\n\t\t\t\treturn 2;\n\t\t\tcase 'top':\n\t\t\t\treturn 3;\n\t\t\tcase 'bottom':\n\t\t\t\treturn 4;\n\t\t\tdefault:\n\t\t\t\treturn this.randomNumber();\n\t\t}\n\t});\n}\n","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" class=\"bubbleIcon-bubble\">\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathInline\"\n\t\td=\"M8.02234 5.62248C18.6681.122 39.722-6.44995 39.9931 13.4051c.146 10.9657-1.8566 32.8782-21.3314 24.8746C-1.892 29.8346-5.51213 12.491 8.02234 5.62248\"\n\t/>\n\t<path\n\t\tclass=\"bubbleIcon-bubble-pathBlock\"\n\t\td=\"M2.25264 16.3895C8.11117 6.4042 21.9332-9.59108 32.4637 7.57789c5.8129 9.48391 15.5505 29.55471-4.5465 32.07901C6.70786 42.3228-5.2602 28.9757 2.25264 16.3895\"\n\t/>\n</svg>\n<span class=\"bubbleIcon-icon\">\n\t<lu-icon [icon]=\"icon()\" [alt]=\"alt()\" />\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAwBa,mBAAmB,CAAA;AAnBhC,IAAA,WAAA,GAAA;AAoBU,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,0EAAa;AAClC,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAgB,IAAI,0EAAC;AAChC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAyB,GAAG,2EAAC;AAEzC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA8B,SAAS,8EAAC;QACvD,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAEpF,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAiD,QAAQ,sFAAC;AAEjF,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAS,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,mFAAC;AAEhE,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAClC,YAAA,QAAQ,IAAI,CAAC,eAAe,EAAE;AAC7B,gBAAA,KAAK,MAAM;AACV,oBAAA,OAAO,CAAC;AACT,gBAAA,KAAK,OAAO;AACX,oBAAA,OAAO,CAAC;AACT,gBAAA,KAAK,KAAK;AACT,oBAAA,OAAO,CAAC;AACT,gBAAA,KAAK,QAAQ;AACZ,oBAAA,OAAO,CAAC;AACT,gBAAA;AACC,oBAAA,OAAO,IAAI,CAAC,YAAY,EAAE;;AAE7B,QAAA,CAAC,gFAAC;AACF,IAAA;+GA1BY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxBhC,+pBAaA,EAAA,MAAA,EAAA,CAAA,8lJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDQW,aAAa,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAnB/B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,SAAS,EAAE,gBAAgB;AAC3B,wBAAA,kBAAkB,EAAE,mBAAmB;AACvC,wBAAA,mBAAmB,EAAE,mBAAmB;AACxC,wBAAA,iBAAiB,EAAE,mBAAmB;AACtC,wBAAA,oBAAoB,EAAE,mBAAmB;AACzC,wBAAA,gBAAgB,EAAE,iBAAiB;AACnC,wBAAA,eAAe,EAAE,gBAAgB;AACjC,wBAAA,eAAe,EAAE,gBAAgB;AACjC,qBAAA,EAAA,OAAA,EACQ,CAAC,aAAa,CAAC,EAAA,eAAA,EACP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+pBAAA,EAAA,MAAA,EAAA,CAAA,8lJAAA,CAAA,EAAA;;;AEtBhD;;AAEG;;;;"}
|
|
@@ -29,13 +29,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
29
29
|
|
|
30
30
|
class DialogFooterComponent {
|
|
31
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);--components-footer-isolation: auto;background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);isolation:var(--components-footer-isolation)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
33
33
|
}
|
|
34
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DialogFooterComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'lu-dialog-footer', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
37
37
|
class: 'dialog-inside-footer footer',
|
|
38
|
-
}, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}\n"] }]
|
|
38
|
+
}, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);--components-footer-isolation: auto;background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);isolation:var(--components-footer-isolation)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}\n"] }]
|
|
39
39
|
}] });
|
|
40
40
|
|
|
41
41
|
const ɵdialogData = Symbol.for('luDialogData');
|
|
@@ -621,14 +621,14 @@ class DialogComponent {
|
|
|
621
621
|
}
|
|
622
622
|
}
|
|
623
623
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
624
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DialogComponent, isStandalone: true, selector: "lu-dialog", inputs: { stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustration: { classPropertyName: "fancyIllustration", publicName: "fancyIllustration", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustrationUrl: { classPropertyName: "fancyIllustrationUrl", publicName: "fancyIllustrationUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--components-dialog-inside-backgroundImage": "foregroundImage()" }, classAttribute: "dialog-inside" }, ngImport: i0, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.dialog-inside-header{display:grid;padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-paddingBlock: 0 var(--pr-t-spacings-150);--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.dialog.mod-fancy .dialog-inside-header-button.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
624
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DialogComponent, isStandalone: true, selector: "lu-dialog", inputs: { stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustration: { classPropertyName: "fancyIllustration", publicName: "fancyIllustration", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustrationUrl: { classPropertyName: "fancyIllustrationUrl", publicName: "fancyIllustrationUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--components-dialog-inside-backgroundImage": "foregroundImage()" }, classAttribute: "dialog-inside" }, ngImport: i0, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);--components-dialog-inside-header-marginBlock: 0px;--components-dialog-inside-footer-marginBlock: 0px;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer;margin-block:var(--components-dialog-inside-footer-marginBlock)}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.dialog-inside-header{display:grid;margin-block:var(--components-dialog-inside-header-marginBlock);padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) 0;--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-inside-header-marginBlock: var(--pr-t-spacings-500) 0;--components-dialog-inside-footer-marginBlock: 0 var(--pr-t-spacings-500)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-footer-paddingBlock: var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.dialog.mod-fancy .dialog-inside-header-button.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
625
625
|
}
|
|
626
626
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DialogComponent, decorators: [{
|
|
627
627
|
type: Component,
|
|
628
628
|
args: [{ selector: 'lu-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe], host: {
|
|
629
629
|
class: 'dialog-inside',
|
|
630
630
|
'[style.--components-dialog-inside-backgroundImage]': 'foregroundImage()',
|
|
631
|
-
}, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.dialog-inside-header{display:grid;padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-paddingBlock: 0 var(--pr-t-spacings-150);--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.dialog.mod-fancy .dialog-inside-header-button.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"] }]
|
|
631
|
+
}, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);--components-dialog-inside-header-marginBlock: 0px;--components-dialog-inside-footer-marginBlock: 0px;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer;margin-block:var(--components-dialog-inside-footer-marginBlock)}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.dialog-inside-header{display:grid;margin-block:var(--components-dialog-inside-header-marginBlock);padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) 0;--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-inside-header-marginBlock: var(--pr-t-spacings-500) 0;--components-dialog-inside-footer-marginBlock: 0 var(--pr-t-spacings-500)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-footer-paddingBlock: var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.dialog.mod-fancy .dialog-inside-header-button.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"] }]
|
|
632
632
|
}], propDecorators: { stacked: [{ type: i0.Input, args: [{ isSignal: true, alias: "stacked", required: false }] }], fancyIllustration: [{ type: i0.Input, args: [{ isSignal: true, alias: "fancyIllustration", required: false }] }], fancyIllustrationUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "fancyIllustrationUrl", required: false }] }] } });
|
|
633
633
|
|
|
634
634
|
class DialogCloseDirective {
|