@lucca-front/ng 22.1.0 → 22.1.1

package/types/lucca-front-ng-time.d.ts

@@ -21,7 +21,7 @@ declare class TimePickerPartComponent {
     readonly label: _angular_core.InputSignal<string>;
     readonly decimalConf: _angular_core.InputSignal<string>;
     readonly value: ModelSignal<number | '––'>;
-    readonly display: _angular_core.InputSignalWithTransform<number | "––", number | `${number}` | "––">;
+    readonly display: _angular_core.InputSignalWithTransform<number | "––" | undefined, number | `${number}` | "––">;
     readonly max: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     readonly autoWidth: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly displayArrows: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
@@ -38,9 +38,9 @@ declare class TimePickerPartComponent {
     nonDigitKeyPressed: _angular_core.OutputEmitterRef<void>;
     inputControlClick: _angular_core.OutputEmitterRef<PickerControlDirection>;
     touched: _angular_core.OutputEmitterRef<void>;
-    readonly timePickerInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    readonly valueLabel: _angular_core.Signal<string | number>;
-    readonly currentValue: _angular_core.Signal<number | "––">;
+    readonly timePickerInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly valueLabel: _angular_core.Signal<string | number | undefined>;
+    readonly currentValue: _angular_core.Signal<number | "––" | null>;
     readonly inputId: string;
     constructor(locale: string);
     arrowKeyPressed(event: KeyboardEvent, isUpArrow: boolean): void;
@@ -59,13 +59,13 @@ declare class TimePickerPartComponent {
 declare abstract class BasePickerComponent implements ControlValueAccessor {
     onChange: (value: ISO8601Time | ISO8601Duration) => void;
     onTouched: () => void;
-    readonly step: _angular_core.InputSignal<`${string}P${string}`>;
+    readonly step: _angular_core.InputSignal<`${string}P${string}` | null>;
     readonly disabled: _angular_core.ModelSignal<boolean>;
-    readonly size: _angular_core.InputSignal<"S" | "M">;
-    readonly hoursPart: _angular_core.Signal<TimePickerPartComponent>;
-    readonly minutesPart: _angular_core.Signal<TimePickerPartComponent>;
+    readonly size: _angular_core.InputSignal<"S" | "M" | undefined>;
+    readonly hoursPart: _angular_core.Signal<TimePickerPartComponent | undefined>;
+    readonly minutesPart: _angular_core.Signal<TimePickerPartComponent | undefined>;
     protected readonly hoursIncrement: _angular_core.Signal<number>;
-    protected readonly minutesIncrement: _angular_core.Signal<number>;
+    protected readonly minutesIncrement: _angular_core.Signal<number | null>;
     registerOnChange(fn: () => void): void;
     registerOnTouched(fn: () => void): void;
     abstract writeValue(value: ISO8601Time | ISO8601Duration): void;
@@ -92,7 +92,7 @@ declare class DurationPickerComponent extends BasePickerComponent {
     readonly value: _angular_core.ModelSignal<`${string}P${string}`>;
     readonly max: _angular_core.InputSignal<`${string}P${string}`>;
     readonly displayArrows: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     readonly hideZeroValue: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly durationChange: _angular_core.OutputEmitterRef<DurationChangeEvent>;
     readonly keyPressed: _angular_core.WritableSignal<boolean>;
@@ -152,15 +152,15 @@ declare class TimePickerComponent extends BasePickerComponent {
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_time.TimePickerTranslations, Partial<_lucca_front_ng_time.TimePickerTranslations>>;
     protected localeId: string;
     readonly idSuffix: number;
-    readonly anteMeridiemRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    readonly postMeridiemRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    readonly anteMeridiemRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly postMeridiemRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     readonly value: _angular_core.ModelSignal<`${string}:${string}:${string}`>;
     readonly max: _angular_core.InputSignal<`${string}:${string}:${string}`>;
     readonly displayArrows: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly forceMeridiemDisplay: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true" | "null">;
+    readonly forceMeridiemDisplay: _angular_core.InputSignalWithTransform<boolean | null, boolean | "" | "false" | "true" | "null" | null>;
     readonly keyPressed: _angular_core.WritableSignal<boolean>;
-    readonly enableMeridiemDisplay: _angular_core.Signal<boolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly enableMeridiemDisplay: _angular_core.Signal<boolean | null>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     readonly timeChange: _angular_core.OutputEmitterRef<TimeChangeEvent>;
     readonly prevPicker: _angular_core.OutputEmitterRef<void>;
     readonly nextPicker: _angular_core.OutputEmitterRef<void>;
@@ -218,19 +218,19 @@ interface TimeRangePickerRange {
 declare class TimeRangePickerComponent implements ControlValueAccessor, OnInit, Validator {
     #private;
     readonly inputFocused: _angular_core.WritableSignal<boolean>;
-    readonly value: _angular_core.WritableSignal<TimeRangePickerRange>;
+    readonly value: _angular_core.WritableSignal<TimeRangePickerRange | null>;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_time.TimeRangePickerTranslations, Partial<_lucca_front_ng_time.TimeRangePickerTranslations>>;
     readonly displayArrows: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly forceMeridiemDisplay: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly isDisabled: _angular_core.Signal<boolean>;
-    readonly size: _angular_core.InputSignal<"S" | "M">;
+    readonly size: _angular_core.InputSignal<"S" | "M" | undefined>;
     readonly max: _angular_core.InputSignal<`${string}:${string}:${string}`>;
-    readonly step: _angular_core.InputSignal<`${string}P${string}`>;
+    readonly step: _angular_core.InputSignal<`${string}P${string}` | null>;
     readonly keyPressed: _angular_core.WritableSignal<boolean>;
     readonly startValue: _angular_core.Signal<`${string}:${string}:${string}`>;
     readonly endValue: _angular_core.Signal<`${string}:${string}:${string}`>;
-    readonly formFieldLabel: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
+    readonly formFieldLabel: _angular_core.Signal<_lucca_front_ng_core.PortalContent | undefined>;
     readonly isLocaleFr: _angular_core.Signal<boolean>;
     DEFAULT_TIME_VALUE: string;
     constructor();

package/types/lucca-front-ng-toast.d.ts

@@ -31,7 +31,7 @@ interface LuToast extends LuToastInput {
 declare class LuToastsComponent {
     #private;
     readonly bottom: i0.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly sources: i0.InputSignal<Observable<LuToastInput>[]>;
+    readonly sources: i0.InputSignal<Observable<LuToastInput>[] | undefined>;
     constructor();
     readonly toasts$: rxjs.BehaviorSubject<LuToast[]>;
     readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_toast.ILuToastLabel, Partial<_lucca_front_ng_toast.ILuToastLabel>>;

package/types/lucca-front-ng-tree-select.d.ts

@@ -14,9 +14,9 @@ declare class TreeSelectDirective<T, V> implements TreeGenerator<T, TreeNode<T>>
 
 declare class TreeBranchComponent<T> {
     readonly selectInputComponent: ALuSelectInputComponent<any, any>;
-    readonly rootOptionRef: _angular_core.Signal<_CoreSelectPanelElement<T>>;
+    readonly rootOptionRef: _angular_core.Signal<_CoreSelectPanelElement<T> | undefined>;
     readonly branch: _angular_core.InputSignal<TreeNode<T>>;
-    readonly optionTpl: _angular_core.InputSignal<Type<unknown> | TemplateRef<LuOptionContext<T>>>;
+    readonly optionTpl: _angular_core.InputSignal<Type<unknown> | TemplateRef<LuOptionContext<T>> | undefined>;
     readonly optionIndex: _angular_core.InputSignalWithTransform<string, string | number>;
     readonly optionComparer: _angular_core.InputSignal<LuOptionComparer<T>>;
     readonly selectedOptions: _angular_core.InputSignal<T[]>;

package/types/lucca-front-ng-user-popover.d.ts

@@ -50,7 +50,7 @@ declare class LuUserPopoverComponent {
     skeletonWidths: string[];
     readonly employee$: Observable<LuUserPopover>;
     readonly userPictureDisplay$: Observable<"img" | "initials">;
-    readonly userPictureHref$: Observable<string>;
+    readonly userPictureHref$: Observable<string | undefined>;
     readonly userInitials$: Observable<{
         initials: string;
         color: number;

package/types/lucca-front-ng-user.d.ts

@@ -101,7 +101,7 @@ declare class LuUserTileComponent {
     /**
      * LuUserTileUserInput to display.
      */
-    readonly user: i0.InputSignal<LuUserTileUserInput>;
+    readonly user: i0.InputSignal<LuUserTileUserInput | undefined>;
     /**
      * User Display format.
      * It is set to 'LU_DEFAULT_DISPLAY_POLICY' by default
@@ -110,11 +110,11 @@ declare class LuUserTileComponent {
     /**
      * LuUserTileUserInput role to display
      */
-    readonly role: i0.InputSignal<string>;
+    readonly role: i0.InputSignal<string | undefined>;
     /**
      * Which size should the user tile be? Defaults to medium
      */
-    readonly size: i0.InputSignal<"L" | "M" | "S" | "XS">;
+    readonly size: i0.InputSignal<"L" | "M" | "S" | "XS" | undefined>;
     readonly displayPictureFormat: i0.Signal<_lucca_front_ng_user.LuDisplayInitials>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserTileComponent, never>;
@@ -154,11 +154,16 @@ declare class LuUserPictureComponent {
      * It is set to 'LU_DEFAULT_DISPLAY_POLICY' by default
      */
     readonly displayFormat: i0.InputSignal<LuDisplayInitials>;
-    readonly user: i0.InputSignal<LuUserPictureUserInput>;
+    readonly user: i0.InputSignal<LuUserPictureUserInput | undefined>;
     readonly AI: i0.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly placeholder: i0.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly softRounded: i0.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly size: i0.InputSignal<"L" | "M" | "S" | "XS" | "XL" | "XXL" | "XXXL">;
+    /**
+     * Exposes the user's full name as text alternative to assistive technologies.
+     * By default the picture is decorative, use it when no visible text identifies the user.
+     */
+    readonly withAlt: i0.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Image loading attribute
      * It is set to 'lazy' by default
@@ -167,9 +172,10 @@ declare class LuUserPictureComponent {
      */
     readonly imageLoadingAttribute: i0.InputSignal<"eager" | "lazy">;
     readonly initials: i0.Signal<string>;
+    readonly fullName: i0.Signal<string>;
     readonly modSize: i0.Signal<string>;
     readonly hasPicture: i0.WritableSignal<boolean>;
-    readonly pictureHref: i0.WritableSignal<string>;
+    readonly pictureHref: i0.WritableSignal<string | null>;
     readonly style: i0.WritableSignal<{
         'background-color': string;
     } | {
@@ -177,7 +183,7 @@ declare class LuUserPictureComponent {
     }>;
     pictureError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserPictureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "softRounded": { "alias": "softRounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "softRounded": { "alias": "softRounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "withAlt": { "alias": "withAlt"; "required": false; "isSignal": true; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -263,13 +269,13 @@ declare class LuUserPagedSearcherComponent<U extends ILuUser = ILuUser> implemen
     #private;
     private _service;
     private _subs;
-    readonly searchInput: i0.Signal<ElementRef<HTMLInputElement>>;
+    readonly searchInput: i0.Signal<ElementRef<HTMLInputElement> | undefined>;
     readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_user.ILuUserSearcherLabel, Partial<_lucca_front_ng_user.ILuUserSearcherLabel>>;
-    readonly fields: i0.InputSignal<string>;
-    readonly filters: i0.InputSignal<string[]>;
-    readonly orderBy: i0.InputSignal<string>;
-    readonly appInstanceId: i0.InputSignal<string | number>;
-    readonly operations: i0.InputSignal<number[]>;
+    readonly fields: i0.InputSignal<string | undefined>;
+    readonly filters: i0.InputSignal<string[] | undefined>;
+    readonly orderBy: i0.InputSignal<string | undefined>;
+    readonly appInstanceId: i0.InputSignal<string | number | undefined>;
+    readonly operations: i0.InputSignal<number[] | undefined>;
     readonly enableFormerEmployees: i0.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly clueChange: i0.OutputEmitterRef<string>;
     form: FormGroup;
@@ -334,12 +340,12 @@ declare class LuUserMeOptionDirective<U extends ILuUser = ILuUser> implements IL
     #private;
     private _vcr;
     private _templateRef;
-    readonly luUserMeOptionFields: i0.InputSignal<string>;
-    readonly luUserMeOptionFilters: i0.InputSignal<string[]>;
-    readonly luUserMeOptionOrderBy: i0.InputSignal<string>;
-    readonly luUserMeOptionAppInstanceId: i0.InputSignal<string | number>;
-    readonly luUserMeOptionOperations: i0.InputSignal<number[]>;
-    readonly luUserMeOptionClue: i0.InputSignal<string>;
+    readonly luUserMeOptionFields: i0.InputSignal<string | undefined>;
+    readonly luUserMeOptionFilters: i0.InputSignal<string[] | undefined>;
+    readonly luUserMeOptionOrderBy: i0.InputSignal<string | undefined>;
+    readonly luUserMeOptionAppInstanceId: i0.InputSignal<string | number | undefined>;
+    readonly luUserMeOptionOperations: i0.InputSignal<number[] | undefined>;
+    readonly luUserMeOptionClue: i0.InputSignal<string | undefined>;
     set inOptions$(in$: Observable<U[]>);
     outOptions$: Observable<U[]>;
     private _service;

package/types/lucca-front-ng-vertical-navigation.d.ts

@@ -6,7 +6,7 @@ declare class VerticalNavigationLinkComponent {
     /**
      * adds an icon to the vertical navigation link
      */
-    readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    readonly icon: _angular_core.InputSignal<LuccaIcon | null>;
     /**
      * Disabled the vertical navigation link
      */
@@ -23,7 +23,7 @@ declare class VerticalNavigationGroupComponent {
     /**
      * Adds an icon to the vertical navigation group
      */
-    readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    readonly icon: _angular_core.InputSignal<LuccaIcon | null>;
     /**
      * Disabled the vertical navigation group
      */
@@ -38,7 +38,7 @@ declare class VerticalNavigationComponent {
     /**
      * Changes the heading title displayed by the vertical navigation
      */
-    readonly heading: _angular_core.InputSignal<PortalContent>;
+    readonly heading: _angular_core.InputSignal<PortalContent | null>;
     /**
      * Defines aria level for heading title
      */
@@ -54,11 +54,11 @@ declare class VerticalNavigationItemComponent {
     /**
      * Changes the text displayed by the vertical navigation item
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | null>;
     /**
      * Adds an icon to the vertical navigation item
      */
-    readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    readonly icon: _angular_core.InputSignal<LuccaIcon | null>;
     /**
      * Disabled the vertical navigation item
      */

package/fesm2022/lucca-front-ng-priority-levels.mjs

@@ -1,128 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { luNumberAttribute, intlInputOptions } from '@lucca-front/ng/core';
-import { IconComponent } from '@lucca-front/ng/icon';
-import { LuTooltipTriggerDirective } from '@lucca-front/ng/tooltip';
-
-const Translations = {
-    en: {
-        low: 'Low',
-        medium: 'Medium',
-        high: 'High',
-    },
-    de: {
-        low: 'Niedrig',
-        medium: 'Mittel',
-        high: 'Hoch',
-    },
-    fr: {
-        low: 'Basse',
-        medium: 'Moyenne',
-        high: 'Haute',
-    },
-    it: {
-        low: 'Bassa',
-        medium: 'Media',
-        high: 'Alta',
-    },
-    nl: {
-        low: 'Laag',
-        medium: 'Gemiddeld',
-        high: 'Hoog',
-    },
-    'nl-BE': {
-        low: 'Laag',
-        medium: 'Gemiddeld',
-        high: 'Hoog',
-    },
-    es: {
-        low: 'Baja',
-        medium: 'Media',
-        high: 'Alta',
-    },
-    pt: {
-        low: 'Baixa',
-        medium: 'Média',
-        high: 'Alta',
-    },
-    pl: {
-        low: 'Niski',
-        medium: 'Średni',
-        high: 'Wysoki',
-    },
-};
-
-const LU_PRIORITY_LEVELS_TRANSLATIONS = new InjectionToken('luPriorityLevelsTranslations', {
-    factory: () => luPriorityLevelsTranslations,
-});
-const luPriorityLevelsTranslations = Translations;
-
-const LEVEL_TRANSLATION_KEYS = {
-    1: 'low',
-    2: 'medium',
-    3: 'high',
-};
-class PriorityLevelsComponent {
-    constructor() {
-        /**
-         * Which priority level should be displayed (1 = low, 2 = medium, 3 = high)
-         */
-        this.level = input.required({ ...(ngDevMode ? { debugName: "level" } : /* istanbul ignore next */ {}), transform: (luNumberAttribute) });
-        /**
-         * Which size should the component be? Defaults to M
-         */
-        this.size = input('M', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        /**
-         * Overrides for the default translations
-         */
-        this.intl = input(...intlInputOptions(LU_PRIORITY_LEVELS_TRANSLATIONS), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
-        /**
-         * Visually hides the label while keeping it in the DOM for screen readers, and shows it in a tooltip on the icon instead
-         */
-        this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.label = computed(() => this.intl()[LEVEL_TRANSLATION_KEYS[this.level()]], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.iconSize = computed(() => {
-            switch (this.size()) {
-                case 'S':
-                    return 'XXS';
-                case 'L':
-                    return 'S';
-                default:
-                    return 'XS';
-            }
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: PriorityLevelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: PriorityLevelsComponent, isStandalone: true, selector: "lu-priority-levels", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-low": "level() === 1", "class.mod-medium": "level() === 2", "class.mod-high": "level() === 3", "class.mod-S": "size() === 'S'", "class.mod-L": "size() === 'L'" }, classAttribute: "priorityLevels" }, ngImport: i0, template: "<lu-icon\n\ticon=\"priorityLevels\"\n\tclass=\"priorityLevels-icon\"\n\t[size]=\"iconSize()\"\n\t[luTooltip]=\"label()\"\n\tluTooltipOnlyForDisplay\n\t[luTooltipDisabled]=\"!hiddenLabel()\"\n/>\n<span class=\"priorityLevels-label\" [class.pr-u-mask]=\"hiddenLabel()\">{{ label() }}</span>\n", styles: ["@layer components{.priorityLevels{--components-priorityLevels-font: var(--pr-t-font-body-S);--components-priorityLevels-minBlockSize: var(--pr-t-font-body-S-lineHeight);--components-priorityLevels-gap: var(--pr-t-spacings-50);--components-priorityLevels-icon-color1: var(--palettes-neutral-400);--components-priorityLevels-icon-color2: var(--palettes-neutral-400);--components-priorityLevels-icon-color3: var(--palettes-neutral-400);display:flex;align-items:center;color:var(--pr-t-color-text);font:var(--components-priorityLevels-font);gap:var(--components-priorityLevels-gap);min-block-size:var(--components-priorityLevels-minBlockSize)}.priorityLevels-icon{display:inline-flex}.priorityLevels-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.priorityLevels-icon .lucca-icon:before{background:linear-gradient(to right,var(--components-priorityLevels-icon-color1) 0%,var(--components-priorityLevels-icon-color1) 33.3333333333%,var(--components-priorityLevels-icon-color2) 33.3333333333%,var(--components-priorityLevels-icon-color2) 66.6666666667%,var(--components-priorityLevels-icon-color3) 66.6666666667%,var(--components-priorityLevels-icon-color3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}}@layer mods{.priorityLevels.mod-low{--components-priorityLevels-icon-color1: var(--pr-t-color-text);--components-priorityLevels-icon-color2: var(--palettes-neutral-400);--components-priorityLevels-icon-color3: var(--palettes-neutral-400)}.priorityLevels.mod-medium{--components-priorityLevels-icon-color1: var(--palettes-warning-800);--components-priorityLevels-icon-color2: var(--palettes-warning-800);--components-priorityLevels-icon-color3: var(--palettes-neutral-400)}.priorityLevels.mod-high{--components-priorityLevels-icon-color1: var(--palettes-critical-800);--components-priorityLevels-icon-color2: var(--palettes-critical-800);--components-priorityLevels-icon-color3: var(--palettes-critical-800)}.priorityLevels.mod-S{--components-priorityLevels-font: var(--pr-t-font-body-XS);--components-priorityLevels-minBlockSize: var(--pr-t-font-body-XS-lineHeight);--components-priorityLevels-gap: var(--pr-t-spacings-25)}.priorityLevels.mod-L{--components-priorityLevels-font: var(--pr-t-font-body-M);--components-priorityLevels-minBlockSize: var(--pr-t-font-body-M-lineHeight)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: PriorityLevelsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lu-priority-levels', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, LuTooltipTriggerDirective], host: {
-                        class: 'priorityLevels',
-                        '[class.mod-low]': 'level() === 1',
-                        '[class.mod-medium]': 'level() === 2',
-                        '[class.mod-high]': 'level() === 3',
-                        '[class.mod-S]': "size() === 'S'",
-                        '[class.mod-L]': "size() === 'L'",
-                    }, template: "<lu-icon\n\ticon=\"priorityLevels\"\n\tclass=\"priorityLevels-icon\"\n\t[size]=\"iconSize()\"\n\t[luTooltip]=\"label()\"\n\tluTooltipOnlyForDisplay\n\t[luTooltipDisabled]=\"!hiddenLabel()\"\n/>\n<span class=\"priorityLevels-label\" [class.pr-u-mask]=\"hiddenLabel()\">{{ label() }}</span>\n", styles: ["@layer components{.priorityLevels{--components-priorityLevels-font: var(--pr-t-font-body-S);--components-priorityLevels-minBlockSize: var(--pr-t-font-body-S-lineHeight);--components-priorityLevels-gap: var(--pr-t-spacings-50);--components-priorityLevels-icon-color1: var(--palettes-neutral-400);--components-priorityLevels-icon-color2: var(--palettes-neutral-400);--components-priorityLevels-icon-color3: var(--palettes-neutral-400);display:flex;align-items:center;color:var(--pr-t-color-text);font:var(--components-priorityLevels-font);gap:var(--components-priorityLevels-gap);min-block-size:var(--components-priorityLevels-minBlockSize)}.priorityLevels-icon{display:inline-flex}.priorityLevels-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.priorityLevels-icon .lucca-icon:before{background:linear-gradient(to right,var(--components-priorityLevels-icon-color1) 0%,var(--components-priorityLevels-icon-color1) 33.3333333333%,var(--components-priorityLevels-icon-color2) 33.3333333333%,var(--components-priorityLevels-icon-color2) 66.6666666667%,var(--components-priorityLevels-icon-color3) 66.6666666667%,var(--components-priorityLevels-icon-color3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}}@layer mods{.priorityLevels.mod-low{--components-priorityLevels-icon-color1: var(--pr-t-color-text);--components-priorityLevels-icon-color2: var(--palettes-neutral-400);--components-priorityLevels-icon-color3: var(--palettes-neutral-400)}.priorityLevels.mod-medium{--components-priorityLevels-icon-color1: var(--palettes-warning-800);--components-priorityLevels-icon-color2: var(--palettes-warning-800);--components-priorityLevels-icon-color3: var(--palettes-neutral-400)}.priorityLevels.mod-high{--components-priorityLevels-icon-color1: var(--palettes-critical-800);--components-priorityLevels-icon-color2: var(--palettes-critical-800);--components-priorityLevels-icon-color3: var(--palettes-critical-800)}.priorityLevels.mod-S{--components-priorityLevels-font: var(--pr-t-font-body-XS);--components-priorityLevels-minBlockSize: var(--pr-t-font-body-XS-lineHeight);--components-priorityLevels-gap: var(--pr-t-spacings-25)}.priorityLevels.mod-L{--components-priorityLevels-font: var(--pr-t-font-body-M);--components-priorityLevels-minBlockSize: var(--pr-t-font-body-M-lineHeight)}}\n"] }]
-        }], propDecorators: { level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], hiddenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenLabel", required: false }] }] } });
-
-/**
- * Available PriorityLevelsComponent levels (1 = low, 2 = medium, 3 = high)
- */
-const PRIORITY_LEVELS = [1, 2, 3];
-/**
- * Available PriorityLevelsComponent sizes
- */
-const PRIORITY_LEVELS_SIZES = ['S', 'M', 'L'];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PRIORITY_LEVELS, PRIORITY_LEVELS_SIZES, PriorityLevelsComponent };
-//# sourceMappingURL=lucca-front-ng-priority-levels.mjs.map

package/fesm2022/lucca-front-ng-priority-levels.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"lucca-front-ng-priority-levels.mjs","sources":["../../../packages/ng/priority-levels/translations.ts","../../../packages/ng/priority-levels/priority-levels.translate.ts","../../../packages/ng/priority-levels/priority-levels.component.ts","../../../packages/ng/priority-levels/priority-levels.component.html","../../../packages/ng/priority-levels/priority-levels.type.ts","../../../packages/ng/priority-levels/lucca-front-ng-priority-levels.ts"],"sourcesContent":["export const Translations = {\n\ten: {\n\t\tlow: 'Low',\n\t\tmedium: 'Medium',\n\t\thigh: 'High',\n\t},\n\tde: {\n\t\tlow: 'Niedrig',\n\t\tmedium: 'Mittel',\n\t\thigh: 'Hoch',\n\t},\n\tfr: {\n\t\tlow: 'Basse',\n\t\tmedium: 'Moyenne',\n\t\thigh: 'Haute',\n\t},\n\tit: {\n\t\tlow: 'Bassa',\n\t\tmedium: 'Media',\n\t\thigh: 'Alta',\n\t},\n\tnl: {\n\t\tlow: 'Laag',\n\t\tmedium: 'Gemiddeld',\n\t\thigh: 'Hoog',\n\t},\n\t'nl-BE': {\n\t\tlow: 'Laag',\n\t\tmedium: 'Gemiddeld',\n\t\thigh: 'Hoog',\n\t},\n\tes: {\n\t\tlow: 'Baja',\n\t\tmedium: 'Media',\n\t\thigh: 'Alta',\n\t},\n\tpt: {\n\t\tlow: 'Baixa',\n\t\tmedium: 'Média',\n\t\thigh: 'Alta',\n\t},\n\tpl: {\n\t\tlow: 'Niski',\n\t\tmedium: 'Średni',\n\t\thigh: 'Wysoki',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_PRIORITY_LEVELS_TRANSLATIONS = new InjectionToken('luPriorityLevelsTranslations', {\n\tfactory: () => luPriorityLevelsTranslations,\n});\n\nexport interface PriorityLevelsTranslate {\n\tlow: string;\n\tmedium: string;\n\thigh: string;\n}\n\nexport const luPriorityLevelsTranslations: LuTranslation<PriorityLevelsTranslate> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions, luNumberAttribute } from '@lucca-front/ng/core';\nimport { IconComponent, IconSize } from '@lucca-front/ng/icon';\nimport { LuTooltipTriggerDirective } from '@lucca-front/ng/tooltip';\nimport { LU_PRIORITY_LEVELS_TRANSLATIONS } from './priority-levels.translate';\nimport { PriorityLevel, PriorityLevelsSize } from './priority-levels.type';\n\nconst LEVEL_TRANSLATION_KEYS = {\n\t1: 'low',\n\t2: 'medium',\n\t3: 'high',\n} as const;\n\n@Component({\n\tselector: 'lu-priority-levels',\n\ttemplateUrl: './priority-levels.component.html',\n\tstyleUrl: './priority-levels.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, LuTooltipTriggerDirective],\n\thost: {\n\t\tclass: 'priorityLevels',\n\t\t'[class.mod-low]': 'level() === 1',\n\t\t'[class.mod-medium]': 'level() === 2',\n\t\t'[class.mod-high]': 'level() === 3',\n\t\t'[class.mod-S]': \"size() === 'S'\",\n\t\t'[class.mod-L]': \"size() === 'L'\",\n\t},\n})\nexport class PriorityLevelsComponent {\n\t/**\n\t * Which priority level should be displayed (1 = low, 2 = medium, 3 = high)\n\t */\n\treadonly level = input.required({ transform: luNumberAttribute<PriorityLevel> });\n\n\t/**\n\t * Which size should the component be? Defaults to M\n\t */\n\treadonly size = input<PriorityLevelsSize>('M');\n\n\t/**\n\t * Overrides for the default translations\n\t */\n\treadonly intl = input(...intlInputOptions(LU_PRIORITY_LEVELS_TRANSLATIONS));\n\n\t/**\n\t * Visually hides the label while keeping it in the DOM for screen readers, and shows it in a tooltip on the icon instead\n\t */\n\treadonly hiddenLabel = input(false, { transform: booleanAttribute });\n\n\treadonly label = computed(() => this.intl()[LEVEL_TRANSLATION_KEYS[this.level()]]);\n\n\treadonly iconSize = computed<IconSize>(() => {\n\t\tswitch (this.size()) {\n\t\t\tcase 'S':\n\t\t\t\treturn 'XXS';\n\t\t\tcase 'L':\n\t\t\t\treturn 'S';\n\t\t\tdefault:\n\t\t\t\treturn 'XS';\n\t\t}\n\t});\n}\n","<lu-icon\n\ticon=\"priorityLevels\"\n\tclass=\"priorityLevels-icon\"\n\t[size]=\"iconSize()\"\n\t[luTooltip]=\"label()\"\n\tluTooltipOnlyForDisplay\n\t[luTooltipDisabled]=\"!hiddenLabel()\"\n/>\n<span class=\"priorityLevels-label\" [class.pr-u-mask]=\"hiddenLabel()\">{{ label() }}</span>\n","/**\n * Available PriorityLevelsComponent levels (1 = low, 2 = medium, 3 = high)\n */\n\nexport const PRIORITY_LEVELS = [1, 2, 3] as const;\nexport type PriorityLevel = (typeof PRIORITY_LEVELS)[number];\n\n/**\n * Available PriorityLevelsComponent sizes\n */\n\nexport const PRIORITY_LEVELS_SIZES = ['S', 'M', 'L'] as const;\nexport type PriorityLevelsSize = (typeof PRIORITY_LEVELS_SIZES)[number];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}