@lucca-front/ng 16.0.0 → 16.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/api/lib/select/input/api-select-input.component.mjs +3 -3
- package/esm2022/api/lib/select/searcher/api-searcher.component.mjs +5 -5
- package/esm2022/date/lib/select/date-select-input.component.mjs +3 -3
- package/esm2022/department/lib/select/input/department-select-input.component.mjs +3 -3
- package/esm2022/establishment/lib/select/input/establishment-select-input.component.mjs +3 -3
- package/esm2022/establishment/lib/select/searcher/establishment-searcher.component.mjs +3 -3
- package/esm2022/input/lib/clearer/clearer.component.mjs +3 -3
- package/esm2022/modal/lib/modal-panel.component.mjs +5 -5
- package/esm2022/option/lib/operator/searcher/option-searcher.component.mjs +3 -3
- package/esm2022/option/lib/operator/searcher/tree-option-searcher.component.mjs +3 -3
- package/esm2022/qualification/lib/select/input/qualification-select-input.component.mjs +3 -3
- package/esm2022/select/lib/input/select-input.component.mjs +2 -2
- package/esm2022/simple-select/lib/input/select-input.component.mjs +3 -3
- package/esm2022/simple-select/lib/panel/panel.component.mjs +3 -3
- package/esm2022/user/lib/picture/user-picture.component.mjs +3 -3
- package/esm2022/user/lib/select/input/user-select-input.component.mjs +3 -3
- package/esm2022/user/lib/select/searcher/user-searcher.component.mjs +3 -3
- package/esm2022/user/lib/tile/user-tile.component.mjs +2 -2
- package/fesm2022/lucca-front-ng-api.mjs +6 -6
- package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date.mjs +2 -2
- package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-department.mjs +2 -2
- package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-establishment.mjs +4 -4
- package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-input.mjs +2 -2
- package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs +4 -4
- package/fesm2022/lucca-front-ng-modal.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-qualification.mjs +2 -2
- package/fesm2022/lucca-front-ng-qualification.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-select.mjs +2 -2
- package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +4 -4
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +8 -8
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/material/style/main.scss +1 -1
- package/package.json +15 -15
- package/src/components/_picker.scss +1 -0
- package/src/components/_popover.scss +6 -0
- package/src/components/_popup.scss +5 -4
- package/src/definitions/option/_option-item.scss +1 -0
- package/src/definitions/option/_option-searcher.scss +1 -0
- package/src/definitions/select/_select-clearer.scss +22 -53
- package/src/definitions/select/_select-input.scss +38 -11
- package/src/definitions/user/user-picture.scss +35 -6
|
@@ -172,11 +172,11 @@ class LuUserPictureComponent {
|
|
|
172
172
|
return hue;
|
|
173
173
|
}
|
|
174
174
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LuUserPictureComponent, deps: [{ token: LuUserDisplayPipe }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
175
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: { displayFormat: "displayFormat", user: "user" }, ngImport: i0, template: "<div class=\"picture\" [ngStyle]=\"style\">\r\n\t<span *ngIf=\"!hasPicture\">{{ initials }}</span>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-userPicture-
|
|
175
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: { displayFormat: "displayFormat", user: "user" }, ngImport: i0, template: "<div class=\"picture\" [ngStyle]=\"style\">\r\n\t<span class=\"userPicture-initials\" *ngIf=\"!hasPicture\">{{ initials }}</span>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-userPicture-XS-image: 1.5rem;--components-userPicture-XS-fontSize: var(--sizes-XS-fontSize);--components-userPicture-XS-placeholder: .75rem;--components-userPicture-S-image: 2rem;--components-userPicture-S-fontSize: var(--sizes-S-fontSize);--components-userPicture-S-placeholder: var(--sizes-XS-lineHeight);--components-userPicture-M-image: 2.5rem;--components-userPicture-M-fontSize: var(--sizes-M-fontSize);--components-userPicture-M-placeholder: var(--sizes-S-lineHeight);--components-userPicture-L-image: 3rem;--components-userPicture-L-fontSize: var(--sizes-L-fontSize);--components-userPicture-L-placeholder: var(--sizes-M-lineHeight);--components-userPicture-XXS-image: 1rem;--components-userPicture-XXS-fontSize: .5625rem;--components-userPicture-XL-image: 4.5rem;--components-userPicture-XL-fontSize: 1.8rem;--components-userPicture-XXL-image: 7.5rem;--components-userPicture-XXL-fontSize: 3rem;display:inline-block;vertical-align:middle}:host .picture{align-items:center;aspect-ratio:1;border-radius:50%;background-color:var(--palettes-grey-50);background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--colors-white-color);display:flex;font-size:var(--components-user-picture-font-size, var(--components-userPicture-M-fontSize));font-weight:600;line-height:1;justify-content:center;width:var(--components-user-picture-image-size, var(--components-userPicture-M-image))}:host.mod-XXS{--components-user-picture-image-size: var(--components-userPicture-XXS-image);--components-user-picture-font-size: var(--components-userPicture-XXS-fontSize)}:host.mod-XS{--components-user-picture-image-size: var(--components-userPicture-XS-image);--components-user-picture-font-size: var(--components-userPicture-XS-fontSize);--components-user-picture-placeholder: var(--components-userPicture-XS-placeholder)}:host.mod-S{--components-user-picture-image-size: var(--components-userPicture-S-image);--components-user-picture-font-size: var(--components-userPicture-S-fontSize);--components-user-picture-placeholder: var(--components-userPicture-S-placeholder)}:host.mod-L{--components-user-picture-image-size: var(--components-userPicture-L-image);--components-user-picture-font-size: var(--components-userPicture-L-fontSize);--components-user-picture-placeholder: var(--components-userPicture-L-placeholder)}:host.mod-XL{--components-user-picture-image-size: var(--components-userPicture-XL-image);--components-user-picture-font-size: var(--components-userPicture-XL-fontSize)}:host.mod-XXL{--components-user-picture-image-size: var(--components-userPicture-XXL-image);--components-user-picture-font-size: var(--components-userPicture-XXL-fontSize)}:host.mod-border{box-shadow:0 0 0 2px var(--colors-white-color)}:host.mod-placeholder .picture{background:var(--palettes-grey-200)!important}:host.mod-placeholder .picture:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-grey-600);font-weight:400;font-size:var(--components-user-picture-placeholder, var(--components-userPicture-M-placeholder))}@supports (content: \"*\"/\"\"){:host.mod-placeholder .picture:before{content:\"\\e990\"/\"\"}}@supports not (content: \"*\"/\"\"){:host.mod-placeholder .picture:before{content:\"\\e990\"}}:host.mod-placeholder .userPicture-initials{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
176
176
|
}
|
|
177
177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LuUserPictureComponent, decorators: [{
|
|
178
178
|
type: Component,
|
|
179
|
-
args: [{ selector: 'lu-user-picture', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"picture\" [ngStyle]=\"style\">\r\n\t<span *ngIf=\"!hasPicture\">{{ initials }}</span>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-userPicture-
|
|
179
|
+
args: [{ selector: 'lu-user-picture', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"picture\" [ngStyle]=\"style\">\r\n\t<span class=\"userPicture-initials\" *ngIf=\"!hasPicture\">{{ initials }}</span>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-userPicture-XS-image: 1.5rem;--components-userPicture-XS-fontSize: var(--sizes-XS-fontSize);--components-userPicture-XS-placeholder: .75rem;--components-userPicture-S-image: 2rem;--components-userPicture-S-fontSize: var(--sizes-S-fontSize);--components-userPicture-S-placeholder: var(--sizes-XS-lineHeight);--components-userPicture-M-image: 2.5rem;--components-userPicture-M-fontSize: var(--sizes-M-fontSize);--components-userPicture-M-placeholder: var(--sizes-S-lineHeight);--components-userPicture-L-image: 3rem;--components-userPicture-L-fontSize: var(--sizes-L-fontSize);--components-userPicture-L-placeholder: var(--sizes-M-lineHeight);--components-userPicture-XXS-image: 1rem;--components-userPicture-XXS-fontSize: .5625rem;--components-userPicture-XL-image: 4.5rem;--components-userPicture-XL-fontSize: 1.8rem;--components-userPicture-XXL-image: 7.5rem;--components-userPicture-XXL-fontSize: 3rem;display:inline-block;vertical-align:middle}:host .picture{align-items:center;aspect-ratio:1;border-radius:50%;background-color:var(--palettes-grey-50);background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--colors-white-color);display:flex;font-size:var(--components-user-picture-font-size, var(--components-userPicture-M-fontSize));font-weight:600;line-height:1;justify-content:center;width:var(--components-user-picture-image-size, var(--components-userPicture-M-image))}:host.mod-XXS{--components-user-picture-image-size: var(--components-userPicture-XXS-image);--components-user-picture-font-size: var(--components-userPicture-XXS-fontSize)}:host.mod-XS{--components-user-picture-image-size: var(--components-userPicture-XS-image);--components-user-picture-font-size: var(--components-userPicture-XS-fontSize);--components-user-picture-placeholder: var(--components-userPicture-XS-placeholder)}:host.mod-S{--components-user-picture-image-size: var(--components-userPicture-S-image);--components-user-picture-font-size: var(--components-userPicture-S-fontSize);--components-user-picture-placeholder: var(--components-userPicture-S-placeholder)}:host.mod-L{--components-user-picture-image-size: var(--components-userPicture-L-image);--components-user-picture-font-size: var(--components-userPicture-L-fontSize);--components-user-picture-placeholder: var(--components-userPicture-L-placeholder)}:host.mod-XL{--components-user-picture-image-size: var(--components-userPicture-XL-image);--components-user-picture-font-size: var(--components-userPicture-XL-fontSize)}:host.mod-XXL{--components-user-picture-image-size: var(--components-userPicture-XXL-image);--components-user-picture-font-size: var(--components-userPicture-XXL-fontSize)}:host.mod-border{box-shadow:0 0 0 2px var(--colors-white-color)}:host.mod-placeholder .picture{background:var(--palettes-grey-200)!important}:host.mod-placeholder .picture:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-grey-600);font-weight:400;font-size:var(--components-user-picture-placeholder, var(--components-userPicture-M-placeholder))}@supports (content: \"*\"/\"\"){:host.mod-placeholder .picture:before{content:\"\\e990\"/\"\"}}@supports not (content: \"*\"/\"\"){:host.mod-placeholder .picture:before{content:\"\\e990\"}}:host.mod-placeholder .userPicture-initials{display:none}\n"] }]
|
|
180
180
|
}], ctorParameters: function () { return [{ type: LuUserDisplayPipe }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { displayFormat: [{
|
|
181
181
|
type: Input
|
|
182
182
|
}, {
|
|
@@ -248,11 +248,11 @@ class LuUserTileComponent {
|
|
|
248
248
|
this._changeDetector = _changeDetector;
|
|
249
249
|
}
|
|
250
250
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LuUserTileComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
251
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: LuUserTileComponent, selector: "lu-user-tile", inputs: { user: "user", displayFormat: "displayFormat", role: "role" }, ngImport: i0, template: "<lu-user-picture [user]=\"user\" [displayFormat]=\"displayPictureFormat\"></lu-user-picture>\r\n<div class=\"user-info\">\r\n\t<div class=\"user-tile-label\">{{ role ? role : user?.jobTitle }}</div>\r\n\t<div class=\"user-tile-title\">{{ user | luUserDisplay: displayFormat }}</div>\r\n\t<div class=\"user-tile-footnote\"><ng-content></ng-content></div>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-userPicture-
|
|
251
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: LuUserTileComponent, selector: "lu-user-tile", inputs: { user: "user", displayFormat: "displayFormat", role: "role" }, ngImport: i0, template: "<lu-user-picture [user]=\"user\" [displayFormat]=\"displayPictureFormat\"></lu-user-picture>\r\n<div class=\"user-info\">\r\n\t<div class=\"user-tile-label\">{{ role ? role : user?.jobTitle }}</div>\r\n\t<div class=\"user-tile-title\">{{ user | luUserDisplay: displayFormat }}</div>\r\n\t<div class=\"user-tile-footnote\"><ng-content></ng-content></div>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-userPicture-XS-image: 1.5rem;--components-userPicture-XS-fontSize: var(--sizes-XS-fontSize);--components-userPicture-XS-placeholder: .75rem;--components-userPicture-S-image: 2rem;--components-userPicture-S-fontSize: var(--sizes-S-fontSize);--components-userPicture-S-placeholder: var(--sizes-XS-lineHeight);--components-userPicture-M-image: 2.5rem;--components-userPicture-M-fontSize: var(--sizes-M-fontSize);--components-userPicture-M-placeholder: var(--sizes-S-lineHeight);--components-userPicture-L-image: 3rem;--components-userPicture-L-fontSize: var(--sizes-L-fontSize);--components-userPicture-L-placeholder: var(--sizes-M-lineHeight);--components-userPicture-XXS-image: 1rem;--components-userPicture-XXS-fontSize: .5625rem;--components-userPicture-XL-image: 4.5rem;--components-userPicture-XL-fontSize: 1.8rem;--components-userPicture-XXL-image: 7.5rem;--components-userPicture-XXL-fontSize: 3rem;display:flex;align-items:center;padding:var(--spacings-XS);gap:var(--spacings-XS)}:host .user-tile-title{font-size:var(--sizes-M-fontSize);line-height:var(--sizes-M-lineHeight);font-weight:600;margin:0}:host .user-tile-label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);color:var(--palettes-grey-600)}:host .user-tile-footnote{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}:host .user-info{margin:auto 0}:host.mod-wordBreak{word-break:break-all}:host.mod-nameOnly .user-tile-label,:host.mod-nameOnly .user-tile-footnote{display:none}:host.mod-vertical{flex-direction:column}:host.mod-vertical lu-user-picture{margin-right:0;margin-bottom:.8em}:host.mod-vertical .user-info{text-align:center}:host.mod-XXS{--components-user-picture-image-size: var(--components-userPicture-XXS-image);--components-user-picture-font-size: var(--components-userPicture-XXS-fontSize)}:host.mod-XS{--components-user-picture-image-size: var(--components-userPicture-XS-image);--components-user-picture-font-size: var(--components-userPicture-XS-fontSize)}:host.mod-S{--components-user-picture-image-size: var(--components-userPicture-S-image);--components-user-picture-font-size: var(--components-userPicture-S-fontSize)}:host.mod-L{--components-user-picture-image-size: var(--components-userPicture-L-image);--components-user-picture-font-size: var(--components-userPicture-L-fontSize)}:host.mod-XL{--components-user-picture-image-size: var(--components-userPicture-XL-image);--components-user-picture-font-size: var(--components-userPicture-XL-fontSize)}:host.mod-XXL{--components-user-picture-image-size: var(--components-userPicture-XXL-image);--components-user-picture-font-size: var(--components-userPicture-XXL-fontSize)}\n"], dependencies: [{ kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
252
252
|
}
|
|
253
253
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LuUserTileComponent, decorators: [{
|
|
254
254
|
type: Component,
|
|
255
|
-
args: [{ selector: 'lu-user-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<lu-user-picture [user]=\"user\" [displayFormat]=\"displayPictureFormat\"></lu-user-picture>\r\n<div class=\"user-info\">\r\n\t<div class=\"user-tile-label\">{{ role ? role : user?.jobTitle }}</div>\r\n\t<div class=\"user-tile-title\">{{ user | luUserDisplay: displayFormat }}</div>\r\n\t<div class=\"user-tile-footnote\"><ng-content></ng-content></div>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-userPicture-
|
|
255
|
+
args: [{ selector: 'lu-user-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<lu-user-picture [user]=\"user\" [displayFormat]=\"displayPictureFormat\"></lu-user-picture>\r\n<div class=\"user-info\">\r\n\t<div class=\"user-tile-label\">{{ role ? role : user?.jobTitle }}</div>\r\n\t<div class=\"user-tile-title\">{{ user | luUserDisplay: displayFormat }}</div>\r\n\t<div class=\"user-tile-footnote\"><ng-content></ng-content></div>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-userPicture-XS-image: 1.5rem;--components-userPicture-XS-fontSize: var(--sizes-XS-fontSize);--components-userPicture-XS-placeholder: .75rem;--components-userPicture-S-image: 2rem;--components-userPicture-S-fontSize: var(--sizes-S-fontSize);--components-userPicture-S-placeholder: var(--sizes-XS-lineHeight);--components-userPicture-M-image: 2.5rem;--components-userPicture-M-fontSize: var(--sizes-M-fontSize);--components-userPicture-M-placeholder: var(--sizes-S-lineHeight);--components-userPicture-L-image: 3rem;--components-userPicture-L-fontSize: var(--sizes-L-fontSize);--components-userPicture-L-placeholder: var(--sizes-M-lineHeight);--components-userPicture-XXS-image: 1rem;--components-userPicture-XXS-fontSize: .5625rem;--components-userPicture-XL-image: 4.5rem;--components-userPicture-XL-fontSize: 1.8rem;--components-userPicture-XXL-image: 7.5rem;--components-userPicture-XXL-fontSize: 3rem;display:flex;align-items:center;padding:var(--spacings-XS);gap:var(--spacings-XS)}:host .user-tile-title{font-size:var(--sizes-M-fontSize);line-height:var(--sizes-M-lineHeight);font-weight:600;margin:0}:host .user-tile-label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);color:var(--palettes-grey-600)}:host .user-tile-footnote{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}:host .user-info{margin:auto 0}:host.mod-wordBreak{word-break:break-all}:host.mod-nameOnly .user-tile-label,:host.mod-nameOnly .user-tile-footnote{display:none}:host.mod-vertical{flex-direction:column}:host.mod-vertical lu-user-picture{margin-right:0;margin-bottom:.8em}:host.mod-vertical .user-info{text-align:center}:host.mod-XXS{--components-user-picture-image-size: var(--components-userPicture-XXS-image);--components-user-picture-font-size: var(--components-userPicture-XXS-fontSize)}:host.mod-XS{--components-user-picture-image-size: var(--components-userPicture-XS-image);--components-user-picture-font-size: var(--components-userPicture-XS-fontSize)}:host.mod-S{--components-user-picture-image-size: var(--components-userPicture-S-image);--components-user-picture-font-size: var(--components-userPicture-S-fontSize)}:host.mod-L{--components-user-picture-image-size: var(--components-userPicture-L-image);--components-user-picture-font-size: var(--components-userPicture-L-fontSize)}:host.mod-XL{--components-user-picture-image-size: var(--components-userPicture-XL-image);--components-user-picture-font-size: var(--components-userPicture-XL-fontSize)}:host.mod-XXL{--components-user-picture-image-size: var(--components-userPicture-XXL-image);--components-user-picture-font-size: var(--components-userPicture-XXL-fontSize)}\n"] }]
|
|
256
256
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { user: [{
|
|
257
257
|
type: Input
|
|
258
258
|
}], displayFormat: [{
|
|
@@ -701,7 +701,7 @@ class LuUserPagedSearcherComponent {
|
|
|
701
701
|
provide: ALuUserService,
|
|
702
702
|
useClass: LuUserV3Service,
|
|
703
703
|
},
|
|
704
|
-
], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\" />\r\n\t</div>\r\n\r\n\t<label class=\"checkbox mod-formerEmployee mod-S\" *ngIf=\"enableFormerEmployees\">\r\n\t\t<input class=\"checkbox-input\" type=\"checkbox\" formControlName=\"formerEmployees\" />\r\n\t\t<span class=\"checkbox-label\">{{ intl.includeFormerEmployees }}</span>\r\n\t</label>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}.textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background-color:var(--colors-white-color);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:var(--colors-white-color);border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:var(--spacings-XXS) var(--components-options-item-padding-horizontal);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-grey-50);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
704
|
+
], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\" />\r\n\t</div>\r\n\r\n\t<label class=\"checkbox mod-formerEmployee mod-S\" *ngIf=\"enableFormerEmployees\">\r\n\t\t<input class=\"checkbox-input\" type=\"checkbox\" formControlName=\"formerEmployees\" />\r\n\t\t<span class=\"checkbox-label\">{{ intl.includeFormerEmployees }}</span>\r\n\t</label>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}.textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background-color:var(--colors-white-color);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);outline:none}.textfield-input:hover{background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:var(--colors-white-color);border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:var(--spacings-XXS) var(--components-options-item-padding-horizontal);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-grey-50);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
705
705
|
}
|
|
706
706
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LuUserPagedSearcherComponent, decorators: [{
|
|
707
707
|
type: Component,
|
|
@@ -730,7 +730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
730
730
|
provide: ALuUserService,
|
|
731
731
|
useClass: LuUserV3Service,
|
|
732
732
|
},
|
|
733
|
-
], template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\" />\r\n\t</div>\r\n\r\n\t<label class=\"checkbox mod-formerEmployee mod-S\" *ngIf=\"enableFormerEmployees\">\r\n\t\t<input class=\"checkbox-input\" type=\"checkbox\" formControlName=\"formerEmployees\" />\r\n\t\t<span class=\"checkbox-label\">{{ intl.includeFormerEmployees }}</span>\r\n\t</label>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}.textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background-color:var(--colors-white-color);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:var(--colors-white-color);border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:var(--spacings-XXS) var(--components-options-item-padding-horizontal);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-grey-50);font-style:italic}\n"] }]
|
|
733
|
+
], template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\" />\r\n\t</div>\r\n\r\n\t<label class=\"checkbox mod-formerEmployee mod-S\" *ngIf=\"enableFormerEmployees\">\r\n\t\t<input class=\"checkbox-input\" type=\"checkbox\" formControlName=\"formerEmployees\" />\r\n\t\t<span class=\"checkbox-label\">{{ intl.includeFormerEmployees }}</span>\r\n\t</label>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}.textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background-color:var(--colors-white-color);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);outline:none}.textfield-input:hover{background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:var(--colors-white-color);border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:var(--spacings-XXS) var(--components-options-item-padding-horizontal);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-grey-50);font-style:italic}\n"] }]
|
|
734
734
|
}], ctorParameters: function () { return [{ type: LuUserV3Service, decorators: [{
|
|
735
735
|
type: Inject,
|
|
736
736
|
args: [ALuUserService]
|
|
@@ -824,7 +824,7 @@ class LuUserSelectInputComponent extends ALuSelectInputComponent {
|
|
|
824
824
|
useExisting: forwardRef(() => LuUserSelectInputComponent),
|
|
825
825
|
multi: true,
|
|
826
826
|
},
|
|
827
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.users }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ values[0] || values | luUserDisplay }}</ng-template>\r\n</ng-template>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-user-paged-searcher\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[enableFormerEmployees]=\"enableFormerEmployees\"\r\n\t\t\t(clueChange)=\"clue = $event\"\r\n\t\t></lu-user-paged-searcher>\r\n\t</header>\r\n\t<lu-user-homonyms></lu-user-homonyms>\r\n\t<lu-option\r\n\t\t*luUserMeOption=\"\r\n\t\t\tlet user;\r\n\t\t\tfields: fields;\r\n\t\t\tfilters: filters;\r\n\t\t\torderBy: orderBy;\r\n\t\t\tappInstanceId: appInstanceId;\r\n\t\t\toperations: operations;\r\n\t\t\tclue: clue\r\n\t\t\"\r\n\t\t[value]=\"user\"\r\n\t>\r\n\t\t<div>\r\n\t\t\t<b>{{ intl.me }} {{ user | luUserDisplay: searchFormat }}</b>\r\n\t\t</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n\r\n\t<lu-option *luForOptions=\"let user\" [value]=\"user\">\r\n\t\t<div>{{ user | luUserDisplay: searchFormat }}</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-XS);--components-select-input-padding-vertical: var(--spacings-XS);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-S);--components-select-framed-top-padding: var(--spacings-L);--components-select-framed-bottom-padding: var(--spacings-S);--components-select-framed-label-top-offset: var(--spacings-XS);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--palettes-primary-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--palettes-primary-400));line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:var(--spacings-XS);right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-XXS) var(--spacings-XS);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);padding:0 var(--spacings-XS);margin:0 var(--spacings-XXS) var(--spacings-XXS) 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-XS-lineHeight))}:host-context(.textfield.mod-S):after{line-height:var(--sizes-XS-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{bottom:var(--spacings-XXS)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{height:var(--sizes-XS-lineHeight);line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-XS-fontSize)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-XS)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:var(--spacings-S);color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:calc(var(--spacings-XXS) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-grey-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:3rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:3rem}.lu-select-additionalInformation{font-size:80%;font-style:italic;margin-top:-.25em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "component", type: LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuUserPagedSearcherComponent, selector: "lu-user-paged-searcher", inputs: ["fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees"], outputs: ["clueChange"] }, { kind: "component", type: LuUserHomonymsComponent, selector: "lu-user-homonyms" }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuUserMeOptionDirective, selector: "[luUserMeOption]", inputs: ["luUserMeOptionFields", "luUserMeOptionFilters", "luUserMeOptionOrderBy", "luUserMeOptionAppInstanceId", "luUserMeOptionOperations", "luUserMeOptionClue"] }, { kind: "directive", type: LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
827
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.users }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ values[0] || values | luUserDisplay }}</ng-template>\r\n</ng-template>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-user-paged-searcher\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[enableFormerEmployees]=\"enableFormerEmployees\"\r\n\t\t\t(clueChange)=\"clue = $event\"\r\n\t\t></lu-user-paged-searcher>\r\n\t</header>\r\n\t<lu-user-homonyms></lu-user-homonyms>\r\n\t<lu-option\r\n\t\t*luUserMeOption=\"\r\n\t\t\tlet user;\r\n\t\t\tfields: fields;\r\n\t\t\tfilters: filters;\r\n\t\t\torderBy: orderBy;\r\n\t\t\tappInstanceId: appInstanceId;\r\n\t\t\toperations: operations;\r\n\t\t\tclue: clue\r\n\t\t\"\r\n\t\t[value]=\"user\"\r\n\t>\r\n\t\t<div>\r\n\t\t\t<b>{{ intl.me }} {{ user | luUserDisplay: searchFormat }}</b>\r\n\t\t</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n\r\n\t<lu-option *luForOptions=\"let user\" [value]=\"user\">\r\n\t\t<div>{{ user | luUserDisplay: searchFormat }}</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-XS);--components-select-input-padding-vertical: var(--spacings-XS);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-S);--components-select-framed-top-padding: var(--spacings-L);--components-select-framed-bottom-padding: var(--spacings-S);--components-select-framed-label-top-offset: var(--spacings-XS);cursor:pointer;outline:none;padding:0!important;gap:0!important}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-grey-600);bottom:var(--components-select-input-padding-vertical);font-size:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-grey-400);line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.75rem;right:2.25rem}.lu-select-clearer{display:block;position:absolute;width:1rem;height:1rem;background-color:var(--palettes-grey-700);bottom:.75rem;right:2.25rem;color:var(--colors-white-color);padding:0;border-radius:50%;transition:background-color var(--commons-animations-durations-fast) ease}.lu-select-clearer .lucca-icon{font-size:var(--sizes-XS-lineHeight)}.lu-select-clearer:hover{background-color:var(--palettes-grey-600)}::ng-deep .lu-select-value .label{padding:var(--spacings-XXS) var(--spacings-XS);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);padding:0 var(--spacings-XS);margin:0 var(--spacings-XXS) var(--spacings-XXS) 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-XS-lineHeight))}:host-context(.textfield.mod-S):after{line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{bottom:.625rem;right:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{height:var(--sizes-XS-lineHeight);line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-XS-fontSize)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-XS)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:var(--spacings-S);color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:calc(var(--spacings-XXS) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-grey-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:3.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:3rem}.lu-select-additionalInformation{font-size:80%;font-style:italic;margin-top:-.25em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "component", type: LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuUserPagedSearcherComponent, selector: "lu-user-paged-searcher", inputs: ["fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees"], outputs: ["clueChange"] }, { kind: "component", type: LuUserHomonymsComponent, selector: "lu-user-homonyms" }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuUserMeOptionDirective, selector: "[luUserMeOption]", inputs: ["luUserMeOptionFields", "luUserMeOptionFilters", "luUserMeOptionOrderBy", "luUserMeOptionAppInstanceId", "luUserMeOptionOperations", "luUserMeOptionClue"] }, { kind: "directive", type: LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
828
828
|
}
|
|
829
829
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LuUserSelectInputComponent, decorators: [{
|
|
830
830
|
type: Component,
|
|
@@ -848,7 +848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
848
848
|
useExisting: forwardRef(() => LuUserSelectInputComponent),
|
|
849
849
|
multi: true,
|
|
850
850
|
},
|
|
851
|
-
], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.users }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ values[0] || values | luUserDisplay }}</ng-template>\r\n</ng-template>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-user-paged-searcher\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[enableFormerEmployees]=\"enableFormerEmployees\"\r\n\t\t\t(clueChange)=\"clue = $event\"\r\n\t\t></lu-user-paged-searcher>\r\n\t</header>\r\n\t<lu-user-homonyms></lu-user-homonyms>\r\n\t<lu-option\r\n\t\t*luUserMeOption=\"\r\n\t\t\tlet user;\r\n\t\t\tfields: fields;\r\n\t\t\tfilters: filters;\r\n\t\t\torderBy: orderBy;\r\n\t\t\tappInstanceId: appInstanceId;\r\n\t\t\toperations: operations;\r\n\t\t\tclue: clue\r\n\t\t\"\r\n\t\t[value]=\"user\"\r\n\t>\r\n\t\t<div>\r\n\t\t\t<b>{{ intl.me }} {{ user | luUserDisplay: searchFormat }}</b>\r\n\t\t</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n\r\n\t<lu-option *luForOptions=\"let user\" [value]=\"user\">\r\n\t\t<div>{{ user | luUserDisplay: searchFormat }}</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-XS);--components-select-input-padding-vertical: var(--spacings-XS);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-S);--components-select-framed-top-padding: var(--spacings-L);--components-select-framed-bottom-padding: var(--spacings-S);--components-select-framed-label-top-offset: var(--spacings-XS);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--palettes-primary-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--palettes-primary-400));line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:var(--spacings-XS);right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-XXS) var(--spacings-XS);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);padding:0 var(--spacings-XS);margin:0 var(--spacings-XXS) var(--spacings-XXS) 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-XS-lineHeight))}:host-context(.textfield.mod-S):after{line-height:var(--sizes-XS-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{bottom:var(--spacings-XXS)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{height:var(--sizes-XS-lineHeight);line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-XS-fontSize)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-XS)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:var(--spacings-S);color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:calc(var(--spacings-XXS) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-grey-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:3rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:3rem}.lu-select-additionalInformation{font-size:80%;font-style:italic;margin-top:-.25em}\n"] }]
|
|
851
|
+
], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.users }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ values[0] || values | luUserDisplay }}</ng-template>\r\n</ng-template>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-user-paged-searcher\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[enableFormerEmployees]=\"enableFormerEmployees\"\r\n\t\t\t(clueChange)=\"clue = $event\"\r\n\t\t></lu-user-paged-searcher>\r\n\t</header>\r\n\t<lu-user-homonyms></lu-user-homonyms>\r\n\t<lu-option\r\n\t\t*luUserMeOption=\"\r\n\t\t\tlet user;\r\n\t\t\tfields: fields;\r\n\t\t\tfilters: filters;\r\n\t\t\torderBy: orderBy;\r\n\t\t\tappInstanceId: appInstanceId;\r\n\t\t\toperations: operations;\r\n\t\t\tclue: clue\r\n\t\t\"\r\n\t\t[value]=\"user\"\r\n\t>\r\n\t\t<div>\r\n\t\t\t<b>{{ intl.me }} {{ user | luUserDisplay: searchFormat }}</b>\r\n\t\t</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n\r\n\t<lu-option *luForOptions=\"let user\" [value]=\"user\">\r\n\t\t<div>{{ user | luUserDisplay: searchFormat }}</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-XS);--components-select-input-padding-vertical: var(--spacings-XS);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-S);--components-select-framed-top-padding: var(--spacings-L);--components-select-framed-bottom-padding: var(--spacings-S);--components-select-framed-label-top-offset: var(--spacings-XS);cursor:pointer;outline:none;padding:0!important;gap:0!important}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-grey-600);bottom:var(--components-select-input-padding-vertical);font-size:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-grey-400);line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.75rem;right:2.25rem}.lu-select-clearer{display:block;position:absolute;width:1rem;height:1rem;background-color:var(--palettes-grey-700);bottom:.75rem;right:2.25rem;color:var(--colors-white-color);padding:0;border-radius:50%;transition:background-color var(--commons-animations-durations-fast) ease}.lu-select-clearer .lucca-icon{font-size:var(--sizes-XS-lineHeight)}.lu-select-clearer:hover{background-color:var(--palettes-grey-600)}::ng-deep .lu-select-value .label{padding:var(--spacings-XXS) var(--spacings-XS);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);padding:0 var(--spacings-XS);margin:0 var(--spacings-XXS) var(--spacings-XXS) 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-XS-lineHeight))}:host-context(.textfield.mod-S):after{line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{bottom:.625rem;right:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{height:var(--sizes-XS-lineHeight);line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-XS-fontSize)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-XS)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:var(--spacings-S);color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:calc(var(--spacings-XXS) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-grey-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:3.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:3rem}.lu-select-additionalInformation{font-size:80%;font-style:italic;margin-top:-.25em}\n"] }]
|
|
852
852
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }]; }, propDecorators: { inputPlaceholder: [{
|
|
853
853
|
type: Input,
|
|
854
854
|
args: ['placeholder']
|