@lucca-front/ng 17.3.6 → 17.3.7
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/core-select/input/select-input.component.d.ts +4 -4
- package/core-select/option/group.pipe.d.ts +13 -0
- package/core-select/option/index.d.ts +1 -0
- package/core-select/option/option.component.d.ts +3 -1
- package/core-select/panel/index.d.ts +1 -1
- package/core-select/panel/panel.utils.d.ts +5 -3
- package/dialog/model/dialog-config.d.ts +4 -3
- package/esm2022/core-select/api/api.directive.mjs +4 -2
- package/esm2022/core-select/establishment/establishments.directive.mjs +6 -2
- package/esm2022/core-select/input/select-input.component.mjs +11 -9
- package/esm2022/core-select/job-qualification/job-qualifications.directive.mjs +2 -2
- package/esm2022/core-select/option/group.pipe.mjs +43 -0
- package/esm2022/core-select/option/index.mjs +2 -1
- package/esm2022/core-select/option/option.component.mjs +10 -6
- package/esm2022/core-select/panel/index.mjs +2 -2
- package/esm2022/core-select/panel/panel.utils.mjs +8 -24
- package/esm2022/dialog/dialog/dialog.component.mjs +2 -2
- package/esm2022/dialog/dialog-footer/dialog-footer.component.mjs +2 -2
- package/esm2022/dialog/dialog-header/dialog-header.component.mjs +3 -3
- package/esm2022/dialog/model/dialog-config.mjs +1 -1
- package/esm2022/empty-state/empty-state-page/empty-state-page.component.mjs +3 -3
- package/esm2022/empty-state/empty-state-section/empty-state-section.component.mjs +3 -3
- package/esm2022/form-field/form-field.component.mjs +3 -3
- package/esm2022/forms/text-input/text-input.component.mjs +12 -4
- package/esm2022/icon/icon.component.mjs +3 -3
- package/esm2022/multi-select/displayer/default-displayer.component.mjs +7 -10
- package/esm2022/multi-select/displayer/displayer-input.directive.mjs +14 -8
- package/esm2022/multi-select/input/select-input.component.mjs +3 -3
- package/esm2022/multi-select/panel/panel.component.mjs +9 -7
- package/esm2022/option/item/option-item.component.mjs +3 -3
- package/esm2022/option/item/tree-option-item.component.mjs +3 -3
- package/esm2022/simple-select/input/select-input.component.mjs +3 -3
- package/esm2022/simple-select/panel/panel.component.mjs +8 -7
- package/fesm2022/lucca-front-ng-core-select-api.mjs +3 -1
- package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs +5 -1
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +1 -1
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +65 -36
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +6 -6
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +4 -4
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +2 -2
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +11 -3
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-icon.mjs +2 -2
- package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +26 -22
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-option.mjs +4 -4
- package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +9 -8
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/forms/text-input/text-input.component.d.ts +5 -1
- package/multi-select/displayer/default-displayer.component.d.ts +0 -1
- package/multi-select/displayer/displayer-input.directive.d.ts +1 -1
- package/multi-select/panel/panel.component.d.ts +2 -1
- package/package.json +14 -14
- package/simple-select/panel/panel.component.d.ts +2 -1
- package/src/components/_picker.scss +11 -1
- package/src/definitions/option/_option-item.scss +6 -0
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { AsyncPipe } from '@angular/common';
|
|
2
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding,
|
|
3
|
-
import {
|
|
1
|
+
import { AsyncPipe, NgIf } from '@angular/common';
|
|
2
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Input, ViewChild, inject } from '@angular/core';
|
|
3
|
+
import { PortalDirective } from '@lucca-front/ng/core';
|
|
4
|
+
import { BehaviorSubject, asyncScheduler, observeOn } from 'rxjs';
|
|
4
5
|
import { SELECT_ID } from '../select.model';
|
|
6
|
+
import { LuOptionGroupPipe } from './group.pipe';
|
|
5
7
|
import { LuOptionOutletDirective } from './option-outlet.directive';
|
|
6
8
|
import { LU_OPTION_CONTEXT } from './option.token';
|
|
7
9
|
import * as i0 from "@angular/core";
|
|
@@ -51,11 +53,11 @@ export class LuOptionComponent {
|
|
|
51
53
|
}
|
|
52
54
|
}
|
|
53
55
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: LuOptionComponent, isStandalone: true, selector: "lu-select-option", inputs: { optionTpl: "optionTpl", isSelected: "isSelected", option: "option", optionIndex: "optionIndex", scrollIntoViewOptions: "scrollIntoViewOptions" }, host: { properties: { "class.optionItem": "this.hasOptionItemClass", "attr.aria-selected": "this.isSelected", "attr.role": "this.role", "attr.id": "this.id" } }, viewQueries: [{ propertyName: "optionContext", first: true, predicate: LuOptionOutletDirective, descendants: true, read: LU_OPTION_CONTEXT, static: true }], ngImport: i0, template: "<div\n\tclass=\"optionItem-value\"\n\t[class.is-selected]=\"isSelected\"\n\t[class.is-highlighted]=\"isHighlighted$ | async\"\n\t[class.is-disabled]=\"disabled\"\n\t(click)=\"selectOption($event)\"\n>\n\t<ng-container *luOptionOutlet=\"optionTpl; value: option\"
|
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: LuOptionComponent, isStandalone: true, selector: "lu-select-option", inputs: { optionTpl: "optionTpl", isSelected: "isSelected", option: "option", grouping: "grouping", optionIndex: "optionIndex", scrollIntoViewOptions: "scrollIntoViewOptions" }, host: { properties: { "class.optionItem": "this.hasOptionItemClass", "attr.aria-selected": "this.isSelected", "attr.role": "this.role", "attr.id": "this.id" } }, viewQueries: [{ propertyName: "optionContext", first: true, predicate: LuOptionOutletDirective, descendants: true, read: LU_OPTION_CONTEXT, static: true }], ngImport: i0, template: "<div\n\tclass=\"optionItem-value\"\n\t[class.is-selected]=\"isSelected\"\n\t[class.is-highlighted]=\"isHighlighted$ | async\"\n\t[class.is-disabled]=\"disabled\"\n\t(click)=\"selectOption($event)\"\n>\n\t<ng-container *luOptionOutlet=\"optionTpl; value: option\" />\n\n\t<div *ngIf=\"grouping\" class=\"optionItem-value-group\">\n\t\t<ng-container *luPortal=\"grouping.content; context: { $implicit: option | luOptionGroup:grouping.selector }\" />\n\t</div>\n</div>\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XXS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-product-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}:host{display:block;scroll-margin:var(--spacings-XXS)}.optionItem{position:relative}.optionItem-value{position:relative;border-radius:var(--commons-borderRadius-M);display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background-color 50ms;cursor:pointer}.optionItem-value.is-selected{background-color:var(--palettes-product-50)}.optionItem-value.is-selected:before{content:\"\";position:absolute;top:0;bottom:0;left:calc(var(--spacings-XXS) * -1);width:2px;background-color:var(--palettes-product-700);border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.optionItem-value.is-selected:hover{background-color:var(--palettes-product-100)}.optionItem-value.is-selected:active{background-color:var(--palettes-product-200)}.optionItem-value.is-selected.is-highlighted{background-color:var(--palettes-product-100)}.optionItem-value.is-selected.is-highlighted:hover{background-color:var(--palettes-product-200)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus,.optionItem-value.is-highlighted:hover,.optionItem-value.is-focus:hover{background-color:var(--palettes-neutral-50)}.optionItem-value.is-highlighted:active,.optionItem-value.is-focus:active,.optionItem-value:active{background-color:var(--palettes-neutral-100)}.optionItem-value-group{color:var(--palettes-neutral-600);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background-color:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{content:\"\";border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);display:block;height:var(--components-options-checkbox-size);transition-property:background-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:transparent;font-size:var(--sizes-S-lineHeight);line-height:var(--components-options-checkbox-size);position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s;width:var(--components-options-checkbox-size)}@supports (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e97d\"}}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{color:var(--colors-white-color);transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value.is-disabled{--components-options-checkbox-border-color: var(--palettes-neutral-500)}:host-context(.mod-multiple) .optionItem-value:not(.is-disabled):hover:before{box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:calc(var(--components-options-checkbox-size) + var(--spacings-XS) * 2)}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:var(--spacings-XS)}.is-disabled{color:var(--palettes-neutral-500);-webkit-user-select:none;user-select:none;cursor:default}.is-disabled.is-selected{background-color:var(--palettes-neutral-100)}.is-disabled:hover{background-color:inherit}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: LuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "pipe", type: LuOptionGroupPipe, name: "luOptionGroup" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
55
57
|
}
|
|
56
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuOptionComponent, decorators: [{
|
|
57
59
|
type: Component,
|
|
58
|
-
args: [{ selector: 'lu-select-option', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [AsyncPipe, LuOptionOutletDirective], template: "<div\n\tclass=\"optionItem-value\"\n\t[class.is-selected]=\"isSelected\"\n\t[class.is-highlighted]=\"isHighlighted$ | async\"\n\t[class.is-disabled]=\"disabled\"\n\t(click)=\"selectOption($event)\"\n>\n\t<ng-container *luOptionOutlet=\"optionTpl; value: option\"
|
|
60
|
+
args: [{ selector: 'lu-select-option', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [AsyncPipe, LuOptionOutletDirective, NgIf, PortalDirective, LuOptionGroupPipe], template: "<div\n\tclass=\"optionItem-value\"\n\t[class.is-selected]=\"isSelected\"\n\t[class.is-highlighted]=\"isHighlighted$ | async\"\n\t[class.is-disabled]=\"disabled\"\n\t(click)=\"selectOption($event)\"\n>\n\t<ng-container *luOptionOutlet=\"optionTpl; value: option\" />\n\n\t<div *ngIf=\"grouping\" class=\"optionItem-value-group\">\n\t\t<ng-container *luPortal=\"grouping.content; context: { $implicit: option | luOptionGroup:grouping.selector }\" />\n\t</div>\n</div>\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XXS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-product-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}:host{display:block;scroll-margin:var(--spacings-XXS)}.optionItem{position:relative}.optionItem-value{position:relative;border-radius:var(--commons-borderRadius-M);display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background-color 50ms;cursor:pointer}.optionItem-value.is-selected{background-color:var(--palettes-product-50)}.optionItem-value.is-selected:before{content:\"\";position:absolute;top:0;bottom:0;left:calc(var(--spacings-XXS) * -1);width:2px;background-color:var(--palettes-product-700);border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.optionItem-value.is-selected:hover{background-color:var(--palettes-product-100)}.optionItem-value.is-selected:active{background-color:var(--palettes-product-200)}.optionItem-value.is-selected.is-highlighted{background-color:var(--palettes-product-100)}.optionItem-value.is-selected.is-highlighted:hover{background-color:var(--palettes-product-200)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus,.optionItem-value.is-highlighted:hover,.optionItem-value.is-focus:hover{background-color:var(--palettes-neutral-50)}.optionItem-value.is-highlighted:active,.optionItem-value.is-focus:active,.optionItem-value:active{background-color:var(--palettes-neutral-100)}.optionItem-value-group{color:var(--palettes-neutral-600);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background-color:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{content:\"\";border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);display:block;height:var(--components-options-checkbox-size);transition-property:background-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:transparent;font-size:var(--sizes-S-lineHeight);line-height:var(--components-options-checkbox-size);position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s;width:var(--components-options-checkbox-size)}@supports (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e97d\"}}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{color:var(--colors-white-color);transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value.is-disabled{--components-options-checkbox-border-color: var(--palettes-neutral-500)}:host-context(.mod-multiple) .optionItem-value:not(.is-disabled):hover:before{box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:calc(var(--components-options-checkbox-size) + var(--spacings-XS) * 2)}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:var(--spacings-XS)}.is-disabled{color:var(--palettes-neutral-500);-webkit-user-select:none;user-select:none;cursor:default}.is-disabled.is-selected{background-color:var(--palettes-neutral-100)}.is-disabled:hover{background-color:inherit}\n"] }]
|
|
59
61
|
}], propDecorators: { hasOptionItemClass: [{
|
|
60
62
|
type: HostBinding,
|
|
61
63
|
args: ['class.optionItem']
|
|
@@ -68,6 +70,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
68
70
|
args: ['attr.aria-selected']
|
|
69
71
|
}], option: [{
|
|
70
72
|
type: Input
|
|
73
|
+
}], grouping: [{
|
|
74
|
+
type: Input
|
|
71
75
|
}], optionIndex: [{
|
|
72
76
|
type: Input
|
|
73
77
|
}], scrollIntoViewOptions: [{
|
|
@@ -82,4 +86,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
82
86
|
type: HostBinding,
|
|
83
87
|
args: ['attr.id']
|
|
84
88
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2NvcmUtc2VsZWN0L29wdGlvbi9vcHRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvY29yZS1zZWxlY3Qvb3B0aW9uL29wdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xELE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFnQyxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RMLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFnQixjQUFjLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2hGLE9BQU8sRUFBbUIsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3BFLE9BQU8sRUFBb0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFckUsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQUcsRUFBRSxDQUFDO0FBVTVDLE1BQU0sT0FBTyxpQkFBaUI7SUFSOUI7UUFVUSx1QkFBa0IsR0FBRyxJQUFJLENBQUM7UUFPakMsZUFBVSxHQUFHLEtBQUssQ0FBQztRQU1aLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBR3ZCLDBCQUFxQixHQUEwQixFQUFFLENBQUM7UUFFbEQsbUJBQWMsR0FBRyxJQUFJLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUU1Qzs7V0FFRztRQUNILGFBQVEsR0FBRyxLQUFLLENBQUM7UUFLVCxRQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFJakMsU0FBSSxHQUFHLFFBQVEsQ0FBQztRQU9iLGVBQVUsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO1FBQ3pELGFBQVEsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7S0ErQnZDO0lBckNBLElBQ1csRUFBRTtRQUNaLE9BQU8sYUFBYSxJQUFJLENBQUMsUUFBUSxXQUFXLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNoRSxDQUFDO0lBS0QsV0FBVztRQUNWLElBQUksQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGVBQWU7UUFDZCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxVQUFVLEVBQUUsRUFBRTtZQUMzRyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztZQUMzQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVELGVBQWU7UUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMvQixzRkFBc0Y7UUFDdEYsaUZBQWlGO1FBQ2pGLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDMUUsQ0FBQyxFQUFFLHlCQUF5QixDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELGlCQUFpQjtRQUNoQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQWE7UUFDekIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztTQUN6QjtJQUNGLENBQUM7OEdBeEVXLGlCQUFpQjtrR0FBakIsaUJBQWlCLCtjQTJCbEIsdUJBQXVCLDJCQUFVLGlCQUFpQiwyQ0NoRDlELHFkQWFBLDIzSkRNVyxTQUFTLDhDQUFFLHVCQUF1QixvSUFBRSxJQUFJLDZGQUFFLGVBQWUsMkZBQUUsaUJBQWlCOzsyRkFFMUUsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNDLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixDQUFDOzhCQUloRixrQkFBa0I7c0JBRHhCLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUl4QixTQUFTO3NCQURmLEtBQUs7Z0JBS04sVUFBVTtzQkFGVCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLG9CQUFvQjtnQkFHeEIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0MsV0FBVztzQkFEakIsS0FBSztnQkFJTixxQkFBcUI7c0JBRHBCLEtBQUs7Z0JBV0UsYUFBYTtzQkFEcEIsU0FBUzt1QkFBQyx1QkFBdUIsRUFBRSxFQUFFLElBQUksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQU90RSxJQUFJO3NCQURWLFdBQVc7dUJBQUMsV0FBVztnQkFJYixFQUFFO3NCQURaLFdBQVc7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEhpZ2hsaWdodGFibGUgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBBc3luY1BpcGUsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25EZXN0cm95LCBUZW1wbGF0ZVJlZiwgVHlwZSwgVmlld0NoaWxkLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBvcnRhbERpcmVjdGl2ZSB9IGZyb20gJ0BsdWNjYS1mcm9udC9uZy9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgU3Vic2NyaXB0aW9uLCBhc3luY1NjaGVkdWxlciwgb2JzZXJ2ZU9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBMdU9wdGlvbkNvbnRleHQsIFNFTEVDVF9JRCB9IGZyb20gJy4uL3NlbGVjdC5tb2RlbCc7XG5pbXBvcnQgeyBMdU9wdGlvbkdyb3VwaW5nIH0gZnJvbSAnLi9ncm91cC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTHVPcHRpb25Hcm91cFBpcGUgfSBmcm9tICcuL2dyb3VwLnBpcGUnO1xuaW1wb3J0IHsgTHVPcHRpb25PdXRsZXREaXJlY3RpdmUgfSBmcm9tICcuL29wdGlvbi1vdXRsZXQuZGlyZWN0aXZlJztcbmltcG9ydCB7IElMdU9wdGlvbkNvbnRleHQsIExVX09QVElPTl9DT05URVhUIH0gZnJvbSAnLi9vcHRpb24udG9rZW4nO1xuXG5leHBvcnQgY29uc3QgTUFHSUNfT1BUSU9OX1NDUk9MTF9ERUxBWSA9IDE1O1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdsdS1zZWxlY3Qtb3B0aW9uJyxcblx0dGVtcGxhdGVVcmw6ICcuL29wdGlvbi5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL29wdGlvbi5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0aW1wb3J0czogW0FzeW5jUGlwZSwgTHVPcHRpb25PdXRsZXREaXJlY3RpdmUsIE5nSWYsIFBvcnRhbERpcmVjdGl2ZSwgTHVPcHRpb25Hcm91cFBpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBMdU9wdGlvbkNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIEhpZ2hsaWdodGFibGUsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG5cdEBIb3N0QmluZGluZygnY2xhc3Mub3B0aW9uSXRlbScpXG5cdHB1YmxpYyBoYXNPcHRpb25JdGVtQ2xhc3MgPSB0cnVlO1xuXG5cdEBJbnB1dCgpXG5cdHB1YmxpYyBvcHRpb25UcGw6IFRlbXBsYXRlUmVmPEx1T3B0aW9uQ29udGV4dDxUPj4gfCBUeXBlPHVua25vd24+IHwgdW5kZWZpbmVkO1xuXG5cdEBJbnB1dCgpXG5cdEBIb3N0QmluZGluZygnYXR0ci5hcmlhLXNlbGVjdGVkJylcblx0aXNTZWxlY3RlZCA9IGZhbHNlO1xuXG5cdEBJbnB1dCgpIG9wdGlvbj86IFQ7XG5cdEBJbnB1dCgpIGdyb3VwaW5nPzogTHVPcHRpb25Hcm91cGluZzxULCB1bmtub3duPjtcblxuXHRASW5wdXQoKVxuXHRwdWJsaWMgb3B0aW9uSW5kZXggPSAwO1xuXG5cdEBJbnB1dCgpXG5cdHNjcm9sbEludG9WaWV3T3B0aW9uczogU2Nyb2xsSW50b1ZpZXdPcHRpb25zID0ge307XG5cblx0aXNIaWdobGlnaHRlZCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KGZhbHNlKTtcblxuXHQvKipcblx0ICogV2hldGhlciBvcHRpb24gaXMgZGlzYWJsZWQuIFVzZWQgYnkgTGlzdEtleU1hbmFnZXIuXG5cdCAqL1xuXHRkaXNhYmxlZCA9IGZhbHNlO1xuXG5cdEBWaWV3Q2hpbGQoTHVPcHRpb25PdXRsZXREaXJlY3RpdmUsIHsgcmVhZDogTFVfT1BUSU9OX0NPTlRFWFQsIHN0YXRpYzogdHJ1ZSB9KVxuXHRwcml2YXRlIG9wdGlvbkNvbnRleHQ/OiBJTHVPcHRpb25Db250ZXh0PFQ+O1xuXG5cdHByaXZhdGUgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcblx0cHJpdmF0ZSBzdWJzY3JpcHRpb24/OiBTdWJzY3JpcHRpb247XG5cblx0QEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKVxuXHRwdWJsaWMgcm9sZSA9ICdvcHRpb24nO1xuXG5cdEBIb3N0QmluZGluZygnYXR0ci5pZCcpXG5cdHB1YmxpYyBnZXQgaWQoKTogc3RyaW5nIHtcblx0XHRyZXR1cm4gYGx1LXNlbGVjdC0ke3RoaXMuc2VsZWN0SWR9LW9wdGlvbi0ke3RoaXMub3B0aW9uSW5kZXh9YDtcblx0fVxuXG5cdHByb3RlY3RlZCBlbGVtZW50UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcblx0cHJvdGVjdGVkIHNlbGVjdElkID0gaW5qZWN0KFNFTEVDVF9JRCk7XG5cblx0bmdPbkRlc3Ryb3koKTogdm9pZCB7XG5cdFx0dGhpcy5zdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG5cdH1cblxuXHRuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG5cdFx0dGhpcy5zdWJzY3JpcHRpb24gPSB0aGlzLm9wdGlvbkNvbnRleHQuaXNEaXNhYmxlZCQucGlwZShvYnNlcnZlT24oYXN5bmNTY2hlZHVsZXIpKS5zdWJzY3JpYmUoKGlzRGlzYWJsZWQpID0+IHtcblx0XHRcdHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuXHRcdFx0dGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG5cdFx0fSk7XG5cdH1cblxuXHRzZXRBY3RpdmVTdHlsZXMoKTogdm9pZCB7XG5cdFx0dGhpcy5pc0hpZ2hsaWdodGVkJC5uZXh0KHRydWUpO1xuXHRcdC8vIFNvbWVob3csIGFkZGluZyB0aGlzIHNtYWxsIGRlbGF5IHdvcmtzLCBldmVuIHRobyAwbXMgZGVsYXkgZG9lc24ndCwgSSB0aGluayB0aGVyZSdzXG5cdFx0Ly8gYSByYWNlIGNvbmRpdGlvbiBzb21ld2hlcmUgdGhhdCBJIGNhbid0IGZpbmQgc28gdGhpcyB3aWxsIGp1c3QgZml4IGl0IGZvciBub3cuXG5cdFx0c2V0VGltZW91dCgoKSA9PiB7XG5cdFx0XHR0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldyh0aGlzLnNjcm9sbEludG9WaWV3T3B0aW9ucyk7XG5cdFx0fSwgTUFHSUNfT1BUSU9OX1NDUk9MTF9ERUxBWSk7XG5cdH1cblxuXHRzZXRJbmFjdGl2ZVN0eWxlcygpOiB2b2lkIHtcblx0XHR0aGlzLmlzSGlnaGxpZ2h0ZWQkLm5leHQoZmFsc2UpO1xuXHR9XG5cblx0c2VsZWN0T3B0aW9uKCRldmVudDogRXZlbnQpOiB2b2lkIHtcblx0XHRpZiAodGhpcy5kaXNhYmxlZCkge1xuXHRcdFx0JGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXHRcdH1cblx0fVxufVxuIiwiPGRpdlxuXHRjbGFzcz1cIm9wdGlvbkl0ZW0tdmFsdWVcIlxuXHRbY2xhc3MuaXMtc2VsZWN0ZWRdPVwiaXNTZWxlY3RlZFwiXG5cdFtjbGFzcy5pcy1oaWdobGlnaHRlZF09XCJpc0hpZ2hsaWdodGVkJCB8IGFzeW5jXCJcblx0W2NsYXNzLmlzLWRpc2FibGVkXT1cImRpc2FibGVkXCJcblx0KGNsaWNrKT1cInNlbGVjdE9wdGlvbigkZXZlbnQpXCJcbj5cblx0PG5nLWNvbnRhaW5lciAqbHVPcHRpb25PdXRsZXQ9XCJvcHRpb25UcGw7IHZhbHVlOiBvcHRpb25cIiAvPlxuXG5cdDxkaXYgKm5nSWY9XCJncm91cGluZ1wiIGNsYXNzPVwib3B0aW9uSXRlbS12YWx1ZS1ncm91cFwiPlxuXHRcdDxuZy1jb250YWluZXIgKmx1UG9ydGFsPVwiZ3JvdXBpbmcuY29udGVudDsgY29udGV4dDogeyAkaW1wbGljaXQ6IG9wdGlvbiB8IGx1T3B0aW9uR3JvdXA6Z3JvdXBpbmcuc2VsZWN0b3IgfVwiIC8+XG5cdDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export * from './panel.models';
|
|
2
|
-
export {
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
export { getGroupTemplateLocation as ɵgetGroupTemplateLocation } from './panel.utils';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9jb3JlLXNlbGVjdC9wYW5lbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLE9BQU8sRUFBRSx3QkFBd0IsSUFBSSx5QkFBeUIsRUFBRSxNQUFNLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcGFuZWwubW9kZWxzJztcbmV4cG9ydCB7IGdldEdyb3VwVGVtcGxhdGVMb2NhdGlvbiBhcyDJtWdldEdyb3VwVGVtcGxhdGVMb2NhdGlvbiB9IGZyb20gJy4vcGFuZWwudXRpbHMnO1xuIl19
|
|
@@ -1,27 +1,11 @@
|
|
|
1
|
+
import { distinctUntilChanged, map, of, skip, startWith, switchMap, take } from 'rxjs';
|
|
1
2
|
/**
|
|
2
|
-
*
|
|
3
|
+
* In order to avoid a blinking when we go from empty clue to a clue
|
|
4
|
+
* We need to delay the change of group displayer location by waiting for the options to be updated.
|
|
3
5
|
*/
|
|
4
|
-
export function
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const groups = [];
|
|
9
|
-
let group;
|
|
10
|
-
for (const option of options) {
|
|
11
|
-
const groupKey = selector(option);
|
|
12
|
-
if (!group || group.key !== groupKey) {
|
|
13
|
-
if (group) {
|
|
14
|
-
groups.push(group);
|
|
15
|
-
}
|
|
16
|
-
group = { key: groupKey, options: [option] };
|
|
17
|
-
}
|
|
18
|
-
else {
|
|
19
|
-
group.options.push(option);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
if (group) {
|
|
23
|
-
groups.push(group);
|
|
24
|
-
}
|
|
25
|
-
return groups;
|
|
6
|
+
export function getGroupTemplateLocation(hasGrouping, clueChange$, options$) {
|
|
7
|
+
return hasGrouping
|
|
8
|
+
? clueChange$.pipe(map((clue) => !!clue), distinctUntilChanged(), switchMap((hasClue) => options$.pipe(skip(1), take(1), map(() => (hasClue ? 'option' : 'group-header')))), startWith('group-header'))
|
|
9
|
+
: of('none');
|
|
26
10
|
}
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwudXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9jb3JlLXNlbGVjdC9wYW5lbC9wYW5lbC51dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWMsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFJbkc7OztHQUdHO0FBQ0gsTUFBTSxVQUFVLHdCQUF3QixDQUFDLFdBQW9CLEVBQUUsV0FBK0IsRUFBRSxRQUErQjtJQUM5SCxPQUFPLFdBQVc7UUFDakIsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQ2hCLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUNyQixvQkFBb0IsRUFBRSxFQUN0QixTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUNyQixRQUFRLENBQUMsSUFBSSxDQUNaLElBQUksQ0FBQyxDQUFDLENBQUMsRUFDUCxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQ1AsR0FBRyxDQUFDLEdBQTBCLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUN2RSxDQUNELEVBQ0QsU0FBUyxDQUFDLGNBQXVCLENBQUMsQ0FDakM7UUFDSCxDQUFDLENBQUMsRUFBRSxDQUFDLE1BQWUsQ0FBQyxDQUFDO0FBQ3hCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZhYmxlLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBvZiwgc2tpcCwgc3RhcnRXaXRoLCBzd2l0Y2hNYXAsIHRha2UgfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IHR5cGUgR3JvdXBUZW1wbGF0ZUxvY2F0aW9uID0gJ2dyb3VwLWhlYWRlcicgfCAnb3B0aW9uJyB8ICdub25lJztcblxuLyoqXG4gKiBJbiBvcmRlciB0byBhdm9pZCBhIGJsaW5raW5nIHdoZW4gd2UgZ28gZnJvbSBlbXB0eSBjbHVlIHRvIGEgY2x1ZVxuICogV2UgbmVlZCB0byBkZWxheSB0aGUgY2hhbmdlIG9mIGdyb3VwIGRpc3BsYXllciBsb2NhdGlvbiBieSB3YWl0aW5nIGZvciB0aGUgb3B0aW9ucyB0byBiZSB1cGRhdGVkLlxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0R3JvdXBUZW1wbGF0ZUxvY2F0aW9uKGhhc0dyb3VwaW5nOiBib29sZWFuLCBjbHVlQ2hhbmdlJDogT2JzZXJ2YWJsZTxzdHJpbmc+LCBvcHRpb25zJDogT2JzZXJ2YWJsZTx1bmtub3duW10+KTogT2JzZXJ2YWJsZTxHcm91cFRlbXBsYXRlTG9jYXRpb24+IHtcblx0cmV0dXJuIGhhc0dyb3VwaW5nXG5cdFx0PyBjbHVlQ2hhbmdlJC5waXBlKFxuXHRcdFx0XHRtYXAoKGNsdWUpID0+ICEhY2x1ZSksXG5cdFx0XHRcdGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG5cdFx0XHRcdHN3aXRjaE1hcCgoaGFzQ2x1ZSkgPT5cblx0XHRcdFx0XHRvcHRpb25zJC5waXBlKFxuXHRcdFx0XHRcdFx0c2tpcCgxKSxcblx0XHRcdFx0XHRcdHRha2UoMSksXG5cdFx0XHRcdFx0XHRtYXAoKCk6IEdyb3VwVGVtcGxhdGVMb2NhdGlvbiA9PiAoaGFzQ2x1ZSA/ICdvcHRpb24nIDogJ2dyb3VwLWhlYWRlcicpKSxcblx0XHRcdFx0XHQpLFxuXHRcdFx0XHQpLFxuXHRcdFx0XHRzdGFydFdpdGgoJ2dyb3VwLWhlYWRlcicgYXMgY29uc3QpLFxuXHRcdCAgKVxuXHRcdDogb2YoJ25vbmUnIGFzIGNvbnN0KTtcbn1cbiJdfQ==
|
|
@@ -20,12 +20,12 @@ export class DialogComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: DialogComponent, isStandalone: true, selector: "lu-dialog", host: { classAttribute: "dialog-inside" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--spacings-S) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--spacings-S) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--spacings-XXS) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--colors-white-color);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;overflow:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog .dialog-inside-header-button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--components-button-padding: .375rem;align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}.dialog .dialog-inside-header-button:hover,.dialog .dialog-inside-header-button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog .dialog-inside-header-button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog .dialog-inside-header-button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-formOptionnal,.dialog-form,.dialog-inside{display:flex;flex-direction:column;flex-grow:1}.dialog-inside-header{padding:var(--spacings-S) var(--spacings-M);background-color:var(--colors-white-color);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--spacings-S);position:sticky;z-index:1;display:grid;top:0}.dialog-inside-content{padding:var(--spacings-S) var(--spacings-M);flex-grow:1;position:relative;z-index:0}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0}.dialog-inside-footer{position:sticky;bottom:0}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--spacings-S));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--spacings-S));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: DialogComponent, isStandalone: true, selector: "lu-dialog", host: { classAttribute: "dialog-inside" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--spacings-S) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--spacings-S) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--spacings-XXS) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--colors-white-color);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;overflow:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog .dialog-inside-header-button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--components-button-padding: .375rem;align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}.dialog .dialog-inside-header-button:hover,.dialog .dialog-inside-header-button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog .dialog-inside-header-button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog .dialog-inside-header-button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-formOptionnal,.dialog-form,.dialog-inside{display:flex;flex-direction:column;flex-grow:1}.dialog-inside-header{padding:var(--spacings-S) var(--spacings-M);background-color:var(--colors-white-color);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--spacings-S);position:sticky;z-index:1;display:grid;top:0}.dialog-inside-content{padding:var(--spacings-S) var(--spacings-M);flex-grow:1;position:relative;z-index:0}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0}.dialog-inside-footer{position:sticky;bottom:0}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--spacings-S));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--spacings-S));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--spacings-S));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-borderRadius: 0}.dialog .cdk-dialog-container{display:flex;flex-direction:column;width:auto;height:auto;flex-grow:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DialogComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'lu-dialog', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
28
28
|
class: 'dialog-inside',
|
|
29
|
-
}, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--spacings-S) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--spacings-S) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--spacings-XXS) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--colors-white-color);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;overflow:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog .dialog-inside-header-button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--components-button-padding: .375rem;align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}.dialog .dialog-inside-header-button:hover,.dialog .dialog-inside-header-button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog .dialog-inside-header-button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog .dialog-inside-header-button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-formOptionnal,.dialog-form,.dialog-inside{display:flex;flex-direction:column;flex-grow:1}.dialog-inside-header{padding:var(--spacings-S) var(--spacings-M);background-color:var(--colors-white-color);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--spacings-S);position:sticky;z-index:1;display:grid;top:0}.dialog-inside-content{padding:var(--spacings-S) var(--spacings-M);flex-grow:1;position:relative;z-index:0}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0}.dialog-inside-footer{position:sticky;bottom:0}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--spacings-S));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--spacings-S));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width
|
|
29
|
+
}, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--spacings-S) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--spacings-S) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--spacings-XXS) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--colors-white-color);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;overflow:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog .dialog-inside-header-button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--components-button-padding: .375rem;align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}.dialog .dialog-inside-header-button:hover,.dialog .dialog-inside-header-button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog .dialog-inside-header-button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog .dialog-inside-header-button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-formOptionnal,.dialog-form,.dialog-inside{display:flex;flex-direction:column;flex-grow:1}.dialog-inside-header{padding:var(--spacings-S) var(--spacings-M);background-color:var(--colors-white-color);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--spacings-S);position:sticky;z-index:1;display:grid;top:0}.dialog-inside-content{padding:var(--spacings-S) var(--spacings-M);flex-grow:1;position:relative;z-index:0}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0}.dialog-inside-footer{position:sticky;bottom:0}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--spacings-S));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--spacings-S));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--spacings-S));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-borderRadius: 0}.dialog .cdk-dialog-container{display:flex;flex-direction:column;width:auto;height:auto;flex-grow:1}\n"] }]
|
|
30
30
|
}] });
|
|
31
31
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2RpYWxvZy9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEgsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFhdkMsTUFBTSxPQUFPLGVBQWU7SUFYNUI7UUFZaUIsY0FBUyxHQUFHLE1BQU0sQ0FBYyxXQUFXLENBQUMsQ0FBQztRQUU3RCxpQkFBWSxHQUFHLE1BQU0sQ0FBMEIsVUFBVSxDQUFDLENBQUMsYUFBYSxDQUFDO0tBaUJ6RTtJQWpCQSxZQUFZLENBQTZEO0lBRXpFLEtBQUs7UUFDSixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxPQUFPO1FBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNQLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGFBQWEsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsRUFBRTtZQUM3RyxNQUFNLFNBQVMsR0FDZCxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxvQ0FBb0MsQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLHFCQUFxQixDQUFDLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztZQUN0TCxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7U0FDbkI7SUFDRixDQUFDOzhHQW5CVyxlQUFlO2tHQUFmLGVBQWUsZ0hBUmpCLDJCQUEyQjs7MkZBUXpCLGVBQWU7a0JBWDNCLFNBQVM7K0JBQ0MsV0FBVyxjQUNULElBQUksWUFDTiwyQkFBMkIsbUJBRXBCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0wsS0FBSyxFQUFFLGVBQWU7cUJBQ3RCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgaW5qZWN0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMdURpYWxvZ1JlZiB9IGZyb20gJy4uL21vZGVsJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZGlhbG9nJyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0dGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+Jyxcblx0c3R5bGVVcmw6ICcuL2RpYWxvZy5jb21wb25lbnQuc2NzcycsXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuXHRob3N0OiB7XG5cdFx0Y2xhc3M6ICdkaWFsb2ctaW5zaWRlJyxcblx0fSxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblx0cHVibGljIHJlYWRvbmx5IGRpYWxvZ1JlZiA9IGluamVjdDxMdURpYWxvZ1JlZj4oTHVEaWFsb2dSZWYpO1xuXG5cdCNodG1sRWxlbWVudCA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZikubmF0aXZlRWxlbWVudDtcblxuXHRjbG9zZSgpOiB2b2lkIHtcblx0XHR0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuXHR9XG5cblx0ZGlzbWlzcygpOiB2b2lkIHtcblx0XHR0aGlzLmRpYWxvZ1JlZi5kaXNtaXNzKCk7XG5cdH1cblxuXHRuZ09uSW5pdCgpOiB2b2lkIHtcblx0XHRpZiAodGhpcy5kaWFsb2dSZWYuY29uZmlnLmF1dG9Gb2N1cyA9PT0gJ2ZpcnN0LWlucHV0JyAmJiAhdGhpcy5kaWFsb2dSZWYuY29uZmlnLmNka0NvbmZpZ092ZXJyaWRlPy5hdXRvRm9jdXMpIHtcblx0XHRcdGNvbnN0IGZvY3VzYWJsZTogSFRNTEVsZW1lbnQgPVxuXHRcdFx0XHR0aGlzLiNodG1sRWxlbWVudC5xdWVyeVNlbGVjdG9yKCcubHVEaWFsb2ctYXV0b2ZvY3VzIC5sdU5hdGl2ZUlucHV0JykgfHwgdGhpcy4jaHRtbEVsZW1lbnQucXVlcnlTZWxlY3RvcignLmx1RGlhbG9nLWF1dG9mb2N1cycpIHx8IHRoaXMuI2h0bWxFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5sdU5hdGl2ZUlucHV0Jyk7XG5cdFx0XHRmb2N1c2FibGU/LmZvY3VzKCk7XG5cdFx0fVxuXHR9XG59XG4iXX0=
|
|
@@ -2,13 +2,13 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class DialogFooterComponent {
|
|
4
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { attributes: { "role": "footer" }, classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".footer{background-color:var(--pr-t-elevation-surface-raised);padding:var(--spacings-S) var(--spacings-M);display:flex;gap:var(--spacings-S);align-items:center;box-shadow:var(--pr-t-elevation-shadow-overflow)}@media (width
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { attributes: { "role": "footer" }, classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".footer{background-color:var(--pr-t-elevation-surface-raised);padding:var(--spacings-S) var(--spacings-M);display:flex;gap:var(--spacings-S);align-items:center;box-shadow:var(--pr-t-elevation-shadow-overflow)}@media not all and (min-width: 30em){.footer{flex-direction:column}}.footer-actions{display:flex;margin-left:auto;gap:var(--spacings-S)}.footer-actions .button{margin:0}@media not all and (min-width: 30em){.footer-actions{flex-direction:column;margin-left:inherit;width:100%}.footer-actions .button{--components-button-width: 100%}}.footer.mod-sticky{position:sticky;bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6
6
|
}
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DialogFooterComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'lu-dialog-footer', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
10
10
|
class: 'dialog-inside-footer footer',
|
|
11
11
|
role: 'footer',
|
|
12
|
-
}, styles: [".footer{background-color:var(--pr-t-elevation-surface-raised);padding:var(--spacings-S) var(--spacings-M);display:flex;gap:var(--spacings-S);align-items:center;box-shadow:var(--pr-t-elevation-shadow-overflow)}@media (width
|
|
12
|
+
}, styles: [".footer{background-color:var(--pr-t-elevation-surface-raised);padding:var(--spacings-S) var(--spacings-M);display:flex;gap:var(--spacings-S);align-items:center;box-shadow:var(--pr-t-elevation-shadow-overflow)}@media not all and (min-width: 30em){.footer{flex-direction:column}}.footer-actions{display:flex;margin-left:auto;gap:var(--spacings-S)}.footer-actions .button{margin:0}@media not all and (min-width: 30em){.footer-actions{flex-direction:column;margin-left:inherit;width:100%}.footer-actions .button{--components-button-width: 100%}}.footer.mod-sticky{position:sticky;bottom:0}\n"] }]
|
|
13
13
|
}] });
|
|
14
14
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9kaWFsb2cvZGlhbG9nLWZvb3Rlci9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQWN0RixNQUFNLE9BQU8scUJBQXFCOzhHQUFyQixxQkFBcUI7a0dBQXJCLHFCQUFxQix1S0FUdkIsMkJBQTJCOzsyRkFTekIscUJBQXFCO2tCQVpqQyxTQUFTOytCQUNDLGtCQUFrQixjQUNoQixJQUFJLFlBQ04sMkJBQTJCLG1CQUVwQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNMLEtBQUssRUFBRSw2QkFBNkI7d0JBQ3BDLElBQUksRUFBRSxRQUFRO3FCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZGlhbG9nLWZvb3RlcicsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG5cdHN0eWxlVXJsOiAnLi9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudC5zY3NzJyxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG5cdGhvc3Q6IHtcblx0XHRjbGFzczogJ2RpYWxvZy1pbnNpZGUtZm9vdGVyIGZvb3RlcicsXG5cdFx0cm9sZTogJ2Zvb3RlcicsXG5cdH0sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0Zvb3RlckNvbXBvbmVudCB7fVxuIl19
|