@lucca-front/ng 21.2.2 → 21.3.0-rc.1

package/fesm2022/lucca-front-ng-impersonation.mjs

@@ -0,0 +1,119 @@
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, input, viewChild, model, booleanAttribute, computed, output, effect, untracked, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { ClearComponent } from '@lucca-front/ng/clear';
+import { LuOptionDirective } from '@lucca-front/ng/core-select';
+import { LU_CORE_SELECT_USER_TRANSLATIONS, ɵLU_CORE_SELECT_CURRENT_USER_ID as _LU_CORE_SELECT_CURRENT_USER_ID, LuCoreSelectUsersDirective } from '@lucca-front/ng/core-select/user';
+import { PopoverDirective } from '@lucca-front/ng/popover2';
+import { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';
+import { LuUserPictureComponent, LuUserDisplayPipe } from '@lucca-front/ng/user';
+import { IconComponent } from '@lucca/prisme/icon';
+import { intlInputOptions } from '@lucca-front/ng/core';
+
+const Translations = {
+    'nl-BE': {
+        a11yNavigationDescription: '– De inhoud van de pagina wordt bijgewerkt zodra dit filter wordt gewijzigd',
+        switchProfile: 'Profiel wijzigen:',
+        clear: 'Terug naar standaardprofiel',
+    },
+    nl: {
+        a11yNavigationDescription: '– De inhoud van de pagina wordt bijgewerkt zodra dit filter wordt gewijzigd',
+        switchProfile: 'Profiel wijzigen:',
+        clear: 'Terug naar standaardprofiel',
+    },
+    it: {
+        a11yNavigationDescription: '– Il contenuto della pagina si aggiorna non appena questo filtro viene modificato',
+        switchProfile: 'Cambia profilo:',
+        clear: 'Torna al profilo predefinito',
+    },
+    fr: {
+        a11yNavigationDescription: '– Le contenu de la page s’actualise dès que ce filtre est modifié',
+        switchProfile: 'Changer de profil :',
+        clear: 'Revenir au profil par défaut',
+    },
+    pt: {
+        a11yNavigationDescription: '– O conteúdo da página é atualizado assim que este filtro é alterado',
+        switchProfile: 'Alterar perfil:',
+        clear: 'Voltar ao perfil predefinido',
+    },
+    es: {
+        a11yNavigationDescription: '– El contenido de la página se actualiza en cuanto se cambia este filtro',
+        switchProfile: 'Cambiar de perfil:',
+        clear: 'Volver al perfil predeterminado',
+    },
+    de: {
+        a11yNavigationDescription: '– Der Seiteninhalt wird aktualisiert, sobald dieser Filter geändert wird',
+        switchProfile: 'Profil wechseln:',
+        clear: 'Zurück zum Standardprofil',
+    },
+    en: {
+        a11yNavigationDescription: '– Page content updates as soon as this filter is changed',
+        switchProfile: 'Switch profile:',
+        clear: 'Back to default profile',
+    },
+};
+
+const LU_IMPERSONATION_TRANSLATIONS = new InjectionToken('LuImpersonationTranslations', {
+    factory: () => luImpersonationTranslations,
+});
+const luImpersonationTranslations = Translations;
+
+class ImpersonationComponent {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.intl = input(...intlInputOptions(LU_CORE_SELECT_USER_TRANSLATIONS, LU_IMPERSONATION_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+        this.currentUserId = inject(_LU_CORE_SELECT_CURRENT_USER_ID);
+        this.inputComponentRef = viewChild(LuSimpleSelectInputComponent, ...(ngDevMode ? [{ debugName: "inputComponentRef" }] : /* istanbul ignore next */ []));
+        this.popoverRef = viewChild(PopoverDirective, ...(ngDevMode ? [{ debugName: "popoverRef" }] : /* istanbul ignore next */ []));
+        this.selectedUser = model(...(ngDevMode ? [undefined, { debugName: "selectedUser" }] : /* istanbul ignore next */ []));
+        this.enableFormerEmployees = input(false, { ...(ngDevMode ? { debugName: "enableFormerEmployees" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.isNotMe = computed(() => this.selectedUser()?.id !== this.currentUserId, ...(ngDevMode ? [{ debugName: "isNotMe" }] : /* istanbul ignore next */ []));
+        this.clear = output();
+        this.popoverPositions = [
+            new ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, {
+                overlayX: 'start',
+                overlayY: 'top',
+            }, -4, 0),
+            new ConnectionPositionPair({ originX: 'start', originY: 'top' }, {
+                overlayX: 'start',
+                overlayY: 'bottom',
+            }, -4, 0),
+        ];
+        this.closePopover = () => {
+            this.popoverRef()?.close();
+            this.inputComponentRef()?.onFilterPillClosed?.();
+        };
+        this.updatePosition = () => {
+            this.popoverRef()?.updatePosition();
+        };
+        effect(() => {
+            const ref = this.inputComponentRef();
+            // Because ref appears only when opening the panel, we're going to call the impersonation opened hook too
+            if (ref) {
+                untracked(() => {
+                    ref.enableFilterPillMode();
+                    ref.registerFilterPillClosePopover(this.closePopover);
+                    ref.registerFilterPillUpdatePosition?.(this.updatePosition);
+                    ref.onFilterPillOpened?.();
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ImpersonationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ImpersonationComponent, isStandalone: true, selector: "lu-impersonation", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, selectedUser: { classPropertyName: "selectedUser", publicName: "selectedUser", isSignal: true, isRequired: false, transformFunction: null }, enableFormerEmployees: { classPropertyName: "enableFormerEmployees", publicName: "enableFormerEmployees", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedUser: "selectedUserChange", clear: "clear" }, host: { classAttribute: "impersonation" }, viewQueries: [{ propertyName: "inputComponentRef", first: true, predicate: LuSimpleSelectInputComponent, descendants: true, isSignal: true }, { propertyName: "popoverRef", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.impersonation{--components-impersonation-trigger-borderColor: var(--palettes-neutral-100);--components-impersonation-trigger-icon-rotate: 0deg;--components-impersonation-trigger-backgroundColor: var(--palettes-neutral-0);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-regular);--components-impersonation-trigger-color: var(--pr-t-color-text);--components-impersonation-trigger-icon-color: var(--pr-t-color-text-subtle);--components-impersonation-trigger-boxShadow: none;--components-impersonation-clear-display: none;--components-impersonation-trigger-icon-marginInlineStart: auto;position:relative;inline-size:fit-content;display:block}.impersonation-trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border:1px solid var(--components-impersonation-trigger-borderColor);background-color:var(--components-impersonation-trigger-backgroundColor);border-radius:var(--pr-t-border-radius-200);inline-size:fit-content;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);padding-inline-end:var(--pr-t-spacings-100);min-block-size:var(--pr-t-spacings-500);font-weight:var(--components-impersonation-trigger-fontWeight);color:var(--components-impersonation-trigger-color);box-shadow:var(--components-impersonation-trigger-boxShadow);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast)}.impersonation-trigger-icon{color:var(--components-impersonation-trigger-icon-color);rotate:var(--components-impersonation-trigger-icon-rotate);transition-property:rotate;transition-duration:var(--commons-animations-durations-fast);margin-inline-start:var(--components-impersonation-trigger-icon-marginInlineStart)}.impersonation-clear.clear{position:absolute;z-index:1;inset-inline-end:calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-75));inset-block-start:calc(var(--pr-t-spacings-150) + 1px);display:var(--components-impersonation-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.impersonation-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.impersonation-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.impersonation_popover-content-option{display:flex;color:var(--pr-t-color-text)}.impersonation_popover-content-option.mod-me{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.impersonation:has(.impersonation-trigger.is-active){--components-impersonation-trigger-backgroundColor: var(--palettes-product-50);--components-impersonation-trigger-borderColor: var(--palettes-product-200);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-impersonation-trigger-color: var(--palettes-product-800);--components-impersonation-trigger-icon-color: var(--palettes-product-700);--components-impersonation-clear-display: grid;--components-impersonation-trigger-icon-marginInlineStart: var(--pr-t-spacings-250)}.impersonation:has(.impersonation-trigger:hover){--components-impersonation-trigger-borderColor: var(--palettes-product-400);--components-impersonation-trigger-shadow: var(--pr-t-elevation-shadow-button)}.impersonation:has(.impersonation-trigger[aria-expanded=true]){--components-impersonation-trigger-icon-rotate: 180deg}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LuSimpleSelectInputComponent, selector: "lu-simple-select", inputs: ["intl", "autocomplete", "impersonation"] }, { kind: "directive", type: LuCoreSelectUsersDirective, selector: "lu-simple-select[users],lu-multi-select[users]", inputs: ["displayFormat", "filters", "url", "orderBy", "operationIds", "uniqueOperationIds", "appInstanceId", "enableFormerEmployees", "displayMeOption", "customUserOptionTpl", "searchDelimiter"], outputs: ["customUserOptionTplChange"], exportAs: ["luUsers"] }, { kind: "directive", type: LuOptionDirective, selector: "[luOption]", inputs: ["luOptionSelect"] }, { kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "placeholder", "softRounded", "size", "imageLoadingAttribute"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ImpersonationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-impersonation', imports: [PopoverDirective, FormsModule, LuSimpleSelectInputComponent, LuCoreSelectUsersDirective, LuUserDisplayPipe, LuOptionDirective, LuUserPictureComponent, IconComponent, ClearComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'impersonation',
+                    }, template: "<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.impersonation{--components-impersonation-trigger-borderColor: var(--palettes-neutral-100);--components-impersonation-trigger-icon-rotate: 0deg;--components-impersonation-trigger-backgroundColor: var(--palettes-neutral-0);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-regular);--components-impersonation-trigger-color: var(--pr-t-color-text);--components-impersonation-trigger-icon-color: var(--pr-t-color-text-subtle);--components-impersonation-trigger-boxShadow: none;--components-impersonation-clear-display: none;--components-impersonation-trigger-icon-marginInlineStart: auto;position:relative;inline-size:fit-content;display:block}.impersonation-trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border:1px solid var(--components-impersonation-trigger-borderColor);background-color:var(--components-impersonation-trigger-backgroundColor);border-radius:var(--pr-t-border-radius-200);inline-size:fit-content;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);padding-inline-end:var(--pr-t-spacings-100);min-block-size:var(--pr-t-spacings-500);font-weight:var(--components-impersonation-trigger-fontWeight);color:var(--components-impersonation-trigger-color);box-shadow:var(--components-impersonation-trigger-boxShadow);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast)}.impersonation-trigger-icon{color:var(--components-impersonation-trigger-icon-color);rotate:var(--components-impersonation-trigger-icon-rotate);transition-property:rotate;transition-duration:var(--commons-animations-durations-fast);margin-inline-start:var(--components-impersonation-trigger-icon-marginInlineStart)}.impersonation-clear.clear{position:absolute;z-index:1;inset-inline-end:calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-75));inset-block-start:calc(var(--pr-t-spacings-150) + 1px);display:var(--components-impersonation-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.impersonation-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.impersonation-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.impersonation_popover-content-option{display:flex;color:var(--pr-t-color-text)}.impersonation_popover-content-option.mod-me{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.impersonation:has(.impersonation-trigger.is-active){--components-impersonation-trigger-backgroundColor: var(--palettes-product-50);--components-impersonation-trigger-borderColor: var(--palettes-product-200);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-impersonation-trigger-color: var(--palettes-product-800);--components-impersonation-trigger-icon-color: var(--palettes-product-700);--components-impersonation-clear-display: grid;--components-impersonation-trigger-icon-marginInlineStart: var(--pr-t-spacings-250)}.impersonation:has(.impersonation-trigger:hover){--components-impersonation-trigger-borderColor: var(--palettes-product-400);--components-impersonation-trigger-shadow: var(--pr-t-elevation-shadow-button)}.impersonation:has(.impersonation-trigger[aria-expanded=true]){--components-impersonation-trigger-icon-rotate: 180deg}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], inputComponentRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => LuSimpleSelectInputComponent), { isSignal: true }] }], popoverRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PopoverDirective), { isSignal: true }] }], selectedUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedUser", required: false }] }, { type: i0.Output, args: ["selectedUserChange"] }], enableFormerEmployees: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableFormerEmployees", required: false }] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ImpersonationComponent };
+//# sourceMappingURL=lucca-front-ng-impersonation.mjs.map

package/fesm2022/lucca-front-ng-impersonation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-impersonation.mjs","sources":["../../../packages/ng/impersonation/impersonation/translations.ts","../../../packages/ng/impersonation/impersonation/impersonation.translate.ts","../../../packages/ng/impersonation/impersonation/impersonation.component.ts","../../../packages/ng/impersonation/impersonation/impersonation.component.html","../../../packages/ng/impersonation/lucca-front-ng-impersonation.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\ta11yNavigationDescription: '– De inhoud van de pagina wordt bijgewerkt zodra dit filter wordt gewijzigd',\n\t\tswitchProfile: 'Profiel wijzigen:',\n\t\tclear: 'Terug naar standaardprofiel',\n\t},\n\tnl: {\n\t\ta11yNavigationDescription: '– De inhoud van de pagina wordt bijgewerkt zodra dit filter wordt gewijzigd',\n\t\tswitchProfile: 'Profiel wijzigen:',\n\t\tclear: 'Terug naar standaardprofiel',\n\t},\n\tit: {\n\t\ta11yNavigationDescription: '– Il contenuto della pagina si aggiorna non appena questo filtro viene modificato',\n\t\tswitchProfile: 'Cambia profilo:',\n\t\tclear: 'Torna al profilo predefinito',\n\t},\n\tfr: {\n\t\ta11yNavigationDescription: '– Le contenu de la page s’actualise dès que ce filtre est modifié',\n\t\tswitchProfile: 'Changer de profil :',\n\t\tclear: 'Revenir au profil par défaut',\n\t},\n\tpt: {\n\t\ta11yNavigationDescription: '– O conteúdo da página é atualizado assim que este filtro é alterado',\n\t\tswitchProfile: 'Alterar perfil:',\n\t\tclear: 'Voltar ao perfil predefinido',\n\t},\n\tes: {\n\t\ta11yNavigationDescription: '– El contenido de la página se actualiza en cuanto se cambia este filtro',\n\t\tswitchProfile: 'Cambiar de perfil:',\n\t\tclear: 'Volver al perfil predeterminado',\n\t},\n\tde: {\n\t\ta11yNavigationDescription: '– Der Seiteninhalt wird aktualisiert, sobald dieser Filter geändert wird',\n\t\tswitchProfile: 'Profil wechseln:',\n\t\tclear: 'Zurück zum Standardprofil',\n\t},\n\ten: {\n\t\ta11yNavigationDescription: '– Page content updates as soon as this filter is changed',\n\t\tswitchProfile: 'Switch profile:',\n\t\tclear: 'Back to default profile',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_IMPERSONATION_TRANSLATIONS = new InjectionToken('LuImpersonationTranslations', {\n\tfactory: () => luImpersonationTranslations,\n});\n\nexport interface LuImpersonationTranslations {\n\ta11yNavigationDescription: string;\n\tswitchProfile: string;\n\tclear: string;\n}\n\nexport const luImpersonationTranslations: LuTranslation<LuImpersonationTranslations> = Translations;\n","import { ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, model, output, untracked, viewChild, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ClearComponent } from '@lucca-front/ng/clear';\nimport { LuOptionDirective } from '@lucca-front/ng/core-select';\nimport { LU_CORE_SELECT_USER_TRANSLATIONS, LuCoreSelectUsersDirective, ɵLU_CORE_SELECT_CURRENT_USER_ID } from '@lucca-front/ng/core-select/user';\nimport { PopoverDirective } from '@lucca-front/ng/popover2';\nimport { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';\nimport { ILuUser, LuUserDisplayPipe, LuUserPictureComponent } from '@lucca-front/ng/user';\nimport { IconComponent } from '@lucca/prisme/icon';\nimport { LU_IMPERSONATION_TRANSLATIONS } from './impersonation.translate';\nimport { intlInputOptions } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-impersonation',\n\timports: [PopoverDirective, FormsModule, LuSimpleSelectInputComponent, LuCoreSelectUsersDirective, LuUserDisplayPipe, LuOptionDirective, LuUserPictureComponent, IconComponent, ClearComponent],\n\ttemplateUrl: './impersonation.component.html',\n\tstyleUrl: './impersonation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'impersonation',\n\t},\n})\nexport class ImpersonationComponent {\n\tprotected readonly elementRef = inject(ElementRef);\n\treadonly intl = input(...intlInputOptions(LU_CORE_SELECT_USER_TRANSLATIONS, LU_IMPERSONATION_TRANSLATIONS));\n\tprotected readonly currentUserId = inject(ɵLU_CORE_SELECT_CURRENT_USER_ID);\n\n\treadonly inputComponentRef = viewChild<LuSimpleSelectInputComponent<ILuUser>>(LuSimpleSelectInputComponent);\n\n\treadonly popoverRef = viewChild(PopoverDirective);\n\n\treadonly selectedUser = model<ILuUser>();\n\n\treadonly enableFormerEmployees = input(false, { transform: booleanAttribute });\n\n\treadonly isNotMe = computed(() => this.selectedUser()?.id !== this.currentUserId);\n\treadonly clear = output<void>();\n\n\treadonly popoverPositions: ConnectionPositionPair[] = [\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'bottom' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'top' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t];\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst ref = this.inputComponentRef();\n\t\t\t// Because ref appears only when opening the panel, we're going to call the impersonation opened hook too\n\t\t\tif (ref) {\n\t\t\t\tuntracked(() => {\n\t\t\t\t\tref.enableFilterPillMode();\n\t\t\t\t\tref.registerFilterPillClosePopover(this.closePopover);\n\t\t\t\t\tref.registerFilterPillUpdatePosition?.(this.updatePosition);\n\t\t\t\t\tref.onFilterPillOpened?.();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tclosePopover = () => {\n\t\tthis.popoverRef()?.close();\n\t\tthis.inputComponentRef()?.onFilterPillClosed?.();\n\t};\n\n\tupdatePosition = () => {\n\t\tthis.popoverRef()?.updatePosition();\n\t};\n}\n","<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["ɵLU_CORE_SELECT_CURRENT_USER_ID"],"mappings":"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"}