@lucca-front/ng 22.1.0-rc.4 → 22.1.1

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

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Directive, inject, input, computed, contentChild, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { luBooleanAttribute } from '@lucca-front/ng/core';
+import { ɵinjectRandomPercent as _injectRandomPercent } from '@lucca/prisme/core';
 import { IconComponent } from '@lucca-front/ng/icon';
 
 /**
@@ -13,10 +14,10 @@ const OPTION_INSTANCE = new InjectionToken('LuOptionInstance');
 
 let nextId$1 = 0;
 class Treeitem {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: Treeitem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: Treeitem, isStandalone: true, selector: "[treeitem]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: Treeitem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: Treeitem, isStandalone: true, selector: "[treeitem]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: Treeitem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: Treeitem, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -78,10 +79,10 @@ class OptionComponent {
     #listboxRef;
     #parentOptionRef;
     #defaultGroupId;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: OptionComponent, isStandalone: true, selector: "lu-listbox-option", inputs: { elementId: { classPropertyName: "elementId", publicName: "elementId", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, mixed: { classPropertyName: "mixed", publicName: "mixed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hovered: { classPropertyName: "hovered", publicName: "hovered", isSignal: true, isRequired: false, transformFunction: null }, add: { classPropertyName: "add", publicName: "add", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, groupId: { classPropertyName: "groupId", publicName: "groupId", isSignal: true, isRequired: false, transformFunction: null }, select: { classPropertyName: "select", publicName: "select", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, treeitemLevel: { classPropertyName: "treeitemLevel", publicName: "treeitemLevel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "group() ? \"group\" : tree() ? \"treeitem\" : \"option\"", "attr.aria-labelledby": "group() ? groupLabelId() : null", "attr.aria-selected": "add() || group() || mixed() ? null : checked()", "attr.aria-checked": "!group() && mixed() ? \"mixed\" : null", "attr.aria-disabled": "disabled()", "attr.aria-hidden": "empty()", "attr.id": "empty() ? id() : elementId()", "class.is-selected": "checked()", "class.is-disabled": "disabled()", "class.mod-add": "add()", "class.mod-select": "select()" }, classAttribute: "listboxOption" }, providers: [{ provide: OPTION_INSTANCE, useExisting: forwardRef(() => OptionComponent) }], queries: [{ propertyName: "treeitemContent", first: true, predicate: Treeitem, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"listboxOption-content\" [class.is-hovered]=\"hovered()\" [attr.id]=\"group() ? groupLabelId() : null\">\n\t@if (multiple() && !add() && !selectAll() && !select()) {\n\t\t<span class=\"listboxOption-content-checkboxField checkboxField\" aria-hidden=\"true\">\n\t\t\t<span class=\"listboxOption-content-checkboxField-input checkboxField-input\"></span>\n\t\t\t<span class=\"checkboxField-icon\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t</span>\n\t}\n\t@if (add()) {\n\t\t<lu-icon icon=\"mathsPlus\" />\n\t}\n\t<ng-content />\n\t<ng-content select=\"[group-action]\" />\n\t@if (selectAll()) {\n\t\t<lu-listbox-option [elementId]=\"elementId() + '-selectAll'\" select>{{ selectAll() }}</lu-listbox-option>\n\t}\n</div>\n<ng-content select=\"[optgroup]\" />\n\n@if (hasTreeitems()) {\n\t<div class=\"listboxOptionWrapper\" role=\"group\" [attr.style]=\"'--components-listboxOptionWrapper-level: ' + wrapperLevel()\">\n\t\t<ng-content select=\"[treeitem]\" />\n\t</div>\n}\n", dependencies: [{ kind: "component", type: OptionComponent, selector: "lu-listbox-option", inputs: ["elementId", "checked", "mixed", "disabled", "hovered", "add", "group", "groupId", "select", "selectAll", "treeitemLevel"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: OptionComponent, isStandalone: true, selector: "lu-listbox-option", inputs: { elementId: { classPropertyName: "elementId", publicName: "elementId", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, mixed: { classPropertyName: "mixed", publicName: "mixed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hovered: { classPropertyName: "hovered", publicName: "hovered", isSignal: true, isRequired: false, transformFunction: null }, add: { classPropertyName: "add", publicName: "add", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, groupId: { classPropertyName: "groupId", publicName: "groupId", isSignal: true, isRequired: false, transformFunction: null }, select: { classPropertyName: "select", publicName: "select", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, treeitemLevel: { classPropertyName: "treeitemLevel", publicName: "treeitemLevel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "group() ? \"group\" : tree() ? \"treeitem\" : \"option\"", "attr.aria-labelledby": "group() ? groupLabelId() : null", "attr.aria-selected": "add() || group() || mixed() ? null : checked()", "attr.aria-checked": "!group() && mixed() ? \"mixed\" : null", "attr.aria-disabled": "disabled()", "attr.aria-hidden": "empty()", "attr.id": "empty() ? id() : elementId()", "class.is-selected": "checked()", "class.is-disabled": "disabled()", "class.mod-add": "add()", "class.mod-select": "select()" }, classAttribute: "listboxOption" }, providers: [{ provide: OPTION_INSTANCE, useExisting: forwardRef(() => OptionComponent) }], queries: [{ propertyName: "treeitemContent", first: true, predicate: Treeitem, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"listboxOption-content\" [class.is-hovered]=\"hovered()\" [attr.id]=\"group() ? groupLabelId() : null\">\n\t@if (multiple() && !add() && !selectAll() && !select()) {\n\t\t<span class=\"listboxOption-content-checkboxField checkboxField\" aria-hidden=\"true\">\n\t\t\t<span class=\"listboxOption-content-checkboxField-input checkboxField-input\"></span>\n\t\t\t<span class=\"checkboxField-icon\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t</span>\n\t}\n\t@if (add()) {\n\t\t<lu-icon icon=\"mathsPlus\" />\n\t}\n\t<ng-content />\n\t<ng-content select=\"[group-action]\" />\n\t@if (selectAll()) {\n\t\t<lu-listbox-option [elementId]=\"elementId() + '-selectAll'\" select>{{ selectAll() }}</lu-listbox-option>\n\t}\n</div>\n<ng-content select=\"[optgroup]\" />\n\n@if (hasTreeitems()) {\n\t<div class=\"listboxOptionWrapper\" role=\"group\" [attr.style]=\"'--components-listboxOptionWrapper-level: ' + wrapperLevel()\">\n\t\t<ng-content select=\"[treeitem]\" />\n\t</div>\n}\n", dependencies: [{ kind: "component", type: OptionComponent, selector: "lu-listbox-option", inputs: ["elementId", "checked", "mixed", "disabled", "hovered", "add", "group", "groupId", "select", "selectAll", "treeitemLevel"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: OptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: OptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-listbox-option', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'listboxOption',
@@ -123,13 +124,15 @@ class ListboxComponent {
         this.statusMsg = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "statusMsg" }] : /* istanbul ignore next */ []));
         this.listboxId = `listbox${nextId++}`;
-        this.skeletonWidth = computed(() => (this.state() === 'loading' ? `${Math.floor(Math.random() * 60 + 20)}%` : null), /* @ts-ignore */
+        this.#randomPercent = _injectRandomPercent(20, 80);
+        this.skeletonWidth = computed(() => (this.state() === 'loading' ? this.#randomPercent() : null), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "skeletonWidth" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: ListboxComponent, isStandalone: true, selector: "lu-listbox", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, statusMsg: { classPropertyName: "statusMsg", publicName: "statusMsg", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "tree() ? \"tree\" : \"listbox\"", "attr.aria-multiselectable": "multiple() ? true : null", "class.mod-multiple": "multiple()", "attr.aria-busy": "state() === \"loading\"", "attr.aria-describedby": "state() === \"empty\" ? listboxId : null" }, classAttribute: "listboxOptionWrapper" }, providers: [{ provide: LISTBOX_INSTANCE, useExisting: forwardRef(() => ListboxComponent) }], ngImport: i0, template: "<ng-content select=\"[listbox-header]\" />\n@if (state() !== \"empty\") {\n\t<ng-content />\n}\n@if (state() === \"empty\") {\n\t<lu-listbox-option empty>{{ statusMsg() }}</lu-listbox-option>\n} @else if (state() === \"loading\") {\n\t<lu-listbox-option class=\"skeleton is-loading\" inert=\"inert\">\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"skeletonWidth()\"></span>\n\t</lu-listbox-option>\n\t<span class=\"pr-u-mask\">{{ statusMsg() }}</span>\n}\n", dependencies: [{ kind: "component", type: OptionComponent, selector: "lu-listbox-option", inputs: ["elementId", "checked", "mixed", "disabled", "hovered", "add", "group", "groupId", "select", "selectAll", "treeitemLevel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    #randomPercent;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ListboxComponent, isStandalone: true, selector: "lu-listbox", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, statusMsg: { classPropertyName: "statusMsg", publicName: "statusMsg", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "tree() ? \"tree\" : \"listbox\"", "attr.aria-multiselectable": "multiple() ? true : null", "class.mod-multiple": "multiple()", "attr.aria-busy": "state() === \"loading\"", "attr.aria-describedby": "state() === \"empty\" ? listboxId : null" }, classAttribute: "listboxOptionWrapper" }, providers: [{ provide: LISTBOX_INSTANCE, useExisting: forwardRef(() => ListboxComponent) }], ngImport: i0, template: "<ng-content select=\"[listbox-header]\" />\n@if (state() !== \"empty\") {\n\t<ng-content />\n}\n@if (state() === \"empty\") {\n\t<lu-listbox-option empty>{{ statusMsg() }}</lu-listbox-option>\n} @else if (state() === \"loading\") {\n\t<lu-listbox-option class=\"skeleton is-loading\" inert=\"inert\">\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"skeletonWidth()\"></span>\n\t</lu-listbox-option>\n\t<span class=\"pr-u-mask\">{{ statusMsg() }}</span>\n}\n", dependencies: [{ kind: "component", type: OptionComponent, selector: "lu-listbox-option", inputs: ["elementId", "checked", "mixed", "disabled", "hovered", "add", "group", "groupId", "select", "selectAll", "treeitemLevel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-listbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'listboxOptionWrapper',

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-listbox.mjs","sources":["../../../packages/ng/listbox/listbox.type.ts","../../../packages/ng/listbox/tokens.ts","../../../packages/ng/listbox/option/option.component.ts","../../../packages/ng/listbox/option/option.component.html","../../../packages/ng/listbox/listbox.component.ts","../../../packages/ng/listbox/listbox.component.html","../../../packages/ng/listbox/lucca-front-ng-listbox.ts"],"sourcesContent":["/**\n * Available ListboxComponent Types\n */\n\nexport const LISTBOX_STATE = ['loading', 'empty'] as const;\nexport type ListboxState = (typeof LISTBOX_STATE)[number];\n","import { InjectionToken } from '@angular/core';\nimport { ListboxComponent } from './listbox.component';\nimport { OptionComponent } from './option/option.component';\n\nexport const LISTBOX_INSTANCE = new InjectionToken<ListboxComponent>('LuListboxInstance');\nexport const OPTION_INSTANCE = new InjectionToken<OptionComponent>('LuOptionInstance');\n","import { ChangeDetectionStrategy, Component, computed, contentChild, Directive, forwardRef, inject, input, ViewEncapsulation } from '@angular/core';\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LISTBOX_INSTANCE, OPTION_INSTANCE } from '../tokens';\n\nlet nextId = 0;\n\n@Directive({\n\t// eslint-disable-next-line @angular-eslint/directive-selector\n\tselector: '[treeitem]',\n})\nexport class Treeitem {}\n\n@Component({\n\tselector: 'lu-listbox-option',\n\ttemplateUrl: './option.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listboxOption',\n\t\t'[attr.role]': 'group() ? \"group\" : tree() ? \"treeitem\" : \"option\"',\n\t\t'[attr.aria-labelledby]': 'group() ? groupLabelId() : null',\n\t\t'[attr.aria-selected]': 'add() || group() || mixed() ? null : checked()',\n\t\t'[attr.aria-checked]': '!group() && mixed() ? \"mixed\" : null',\n\t\t'[attr.aria-disabled]': 'disabled()',\n\t\t'[attr.aria-hidden]': 'empty()',\n\t\t// The empty status option is the target of the listbox `aria-describedby`, so it must\n\t\t// carry the listbox id even though no consumer sets an elementId on it.\n\t\t'[attr.id]': 'empty() ? id() : elementId()',\n\t\t'[class.is-selected]': 'checked()',\n\t\t'[class.is-disabled]': 'disabled()',\n\t\t'[class.mod-add]': 'add()',\n\t\t'[class.mod-select]': 'select()',\n\t},\n\timports: [IconComponent],\n\tproviders: [{ provide: OPTION_INSTANCE, useExisting: forwardRef(() => OptionComponent) }],\n})\nexport class OptionComponent {\n\t// Optional so the option can live outside a lu-listbox, e.g. a sticky \"add option\" row\n\t// rendered next to the listbox but inside the same scroll container.\n\t#listboxRef = inject(LISTBOX_INSTANCE, { optional: true });\n\t#parentOptionRef = inject(OPTION_INSTANCE, { skipSelf: true, optional: true });\n\n\treadonly elementId = input<string | null>(null);\n\n\treadonly checked = input(false, { transform: luBooleanAttribute });\n\n\treadonly mixed = input(false, { transform: luBooleanAttribute });\n\n\treadonly disabled = input(false, { transform: luBooleanAttribute });\n\n\treadonly hovered = input(false, { transform: luBooleanAttribute });\n\n\treadonly add = input(false, { transform: luBooleanAttribute });\n\n\treadonly group = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Overrides the generated id used to label the group, so consumers can provide\n\t * a deterministic id (e.g. derived from a select id and a group key).\n\t */\n\treadonly groupId = input<string | null>(null);\n\n\treadonly select = input(false, { transform: luBooleanAttribute });\n\n\treadonly selectAll = input<'string' | null>();\n\n\treadonly multiple = computed(() => this.#listboxRef?.multiple() ?? false);\n\treadonly tree = computed(() => this.#listboxRef?.tree() ?? false);\n\treadonly empty = computed(() => this.#listboxRef?.state() === 'empty');\n\treadonly id = computed(() => this.#listboxRef?.listboxId ?? null);\n\n\treadonly groupLabelId = computed(() => this.groupId() ?? this.#defaultGroupId);\n\n\treadonly #defaultGroupId = `group${nextId++}`;\n\n\treadonly treeitemContent = contentChild(Treeitem);\n\n\t/**\n\t * Depth of the nested `[treeitem]` wrapper, for consumers that hand their own projected\n\t * content over to this option: a content query does not cross an `ng-content` boundary, so\n\t * the option can then neither see those children nor derive the depth it sits at. Setting it\n\t * renders the wrapper and pins its level; leave it null to let both be worked out here.\n\t */\n\treadonly treeitemLevel = input<number | null>(null);\n\n\treadonly level: number = (this.#parentOptionRef?.level || 0) + 1;\n\n\treadonly hasTreeitems = computed(() => !!this.treeitemContent() || this.treeitemLevel() !== null);\n\n\treadonly wrapperLevel = computed(() => this.treeitemLevel() ?? this.level);\n}\n","<div class=\"listboxOption-content\" [class.is-hovered]=\"hovered()\" [attr.id]=\"group() ? groupLabelId() : null\">\n\t@if (multiple() && !add() && !selectAll() && !select()) {\n\t\t<span class=\"listboxOption-content-checkboxField checkboxField\" aria-hidden=\"true\">\n\t\t\t<span class=\"listboxOption-content-checkboxField-input checkboxField-input\"></span>\n\t\t\t<span class=\"checkboxField-icon\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t</span>\n\t}\n\t@if (add()) {\n\t\t<lu-icon icon=\"mathsPlus\" />\n\t}\n\t<ng-content />\n\t<ng-content select=\"[group-action]\" />\n\t@if (selectAll()) {\n\t\t<lu-listbox-option [elementId]=\"elementId() + '-selectAll'\" select>{{ selectAll() }}</lu-listbox-option>\n\t}\n</div>\n<ng-content select=\"[optgroup]\" />\n\n@if (hasTreeitems()) {\n\t<div class=\"listboxOptionWrapper\" role=\"group\" [attr.style]=\"'--components-listboxOptionWrapper-level: ' + wrapperLevel()\">\n\t\t<ng-content select=\"[treeitem]\" />\n\t</div>\n}\n","import { ChangeDetectionStrategy, Component, computed, forwardRef, input, ViewEncapsulation } from '@angular/core';\n\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\nimport { ListboxState } from './listbox.type';\nimport { OptionComponent } from './option/option.component';\nimport { LISTBOX_INSTANCE } from './tokens';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-listbox',\n\ttemplateUrl: './listbox.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listboxOptionWrapper',\n\t\t'[attr.role]': 'tree() ? \"tree\" : \"listbox\"',\n\t\t'[attr.aria-multiselectable]': 'multiple() ? true : null',\n\t\t'[class.mod-multiple]': 'multiple()',\n\t\t'[attr.aria-busy]': 'state() === \"loading\"',\n\t\t'[attr.aria-describedby]': 'state() === \"empty\" ? listboxId : null',\n\t},\n\timports: [OptionComponent],\n\tproviders: [{ provide: LISTBOX_INSTANCE, useExisting: forwardRef(() => ListboxComponent) }],\n})\nexport class ListboxComponent {\n\t/**\n\t * Applies multiple mod to the listbox\n\t */\n\treadonly multiple = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Defines listbox role tree or listbox by default\n\t */\n\treadonly tree = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Listbox state\n\t */\n\treadonly state = input<ListboxState | null>(null);\n\n\t/**\n\t * Add message when listbox state loading or empty\n\t */\n\treadonly statusMsg = input<string | null>(null);\n\n\treadonly listboxId = `listbox${nextId++}`;\n\n\treadonly skeletonWidth = computed(() => (this.state() === 'loading' ? `${Math.floor(Math.random() * 60 + 20)}%` : null));\n}\n","<ng-content select=\"[listbox-header]\" />\n@if (state() !== \"empty\") {\n\t<ng-content />\n}\n@if (state() === \"empty\") {\n\t<lu-listbox-option empty>{{ statusMsg() }}</lu-listbox-option>\n} @else if (state() === \"loading\") {\n\t<lu-listbox-option class=\"skeleton is-loading\" inert=\"inert\">\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"skeletonWidth()\"></span>\n\t</lu-listbox-option>\n\t<span class=\"pr-u-mask\">{{ statusMsg() }}</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["nextId"],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-listbox.mjs","sources":["../../../packages/ng/listbox/listbox.type.ts","../../../packages/ng/listbox/tokens.ts","../../../packages/ng/listbox/option/option.component.ts","../../../packages/ng/listbox/option/option.component.html","../../../packages/ng/listbox/listbox.component.ts","../../../packages/ng/listbox/listbox.component.html","../../../packages/ng/listbox/lucca-front-ng-listbox.ts"],"sourcesContent":["/**\n * Available ListboxComponent Types\n */\n\nexport const LISTBOX_STATE = ['loading', 'empty'] as const;\nexport type ListboxState = (typeof LISTBOX_STATE)[number];\n","import { InjectionToken } from '@angular/core';\nimport { ListboxComponent } from './listbox.component';\nimport { OptionComponent } from './option/option.component';\n\nexport const LISTBOX_INSTANCE = new InjectionToken<ListboxComponent>('LuListboxInstance');\nexport const OPTION_INSTANCE = new InjectionToken<OptionComponent>('LuOptionInstance');\n","import { ChangeDetectionStrategy, Component, computed, contentChild, Directive, forwardRef, inject, input, ViewEncapsulation } from '@angular/core';\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LISTBOX_INSTANCE, OPTION_INSTANCE } from '../tokens';\n\nlet nextId = 0;\n\n@Directive({\n\t// eslint-disable-next-line @angular-eslint/directive-selector\n\tselector: '[treeitem]',\n})\nexport class Treeitem {}\n\n@Component({\n\tselector: 'lu-listbox-option',\n\ttemplateUrl: './option.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listboxOption',\n\t\t'[attr.role]': 'group() ? \"group\" : tree() ? \"treeitem\" : \"option\"',\n\t\t'[attr.aria-labelledby]': 'group() ? groupLabelId() : null',\n\t\t'[attr.aria-selected]': 'add() || group() || mixed() ? null : checked()',\n\t\t'[attr.aria-checked]': '!group() && mixed() ? \"mixed\" : null',\n\t\t'[attr.aria-disabled]': 'disabled()',\n\t\t'[attr.aria-hidden]': 'empty()',\n\t\t// The empty status option is the target of the listbox `aria-describedby`, so it must\n\t\t// carry the listbox id even though no consumer sets an elementId on it.\n\t\t'[attr.id]': 'empty() ? id() : elementId()',\n\t\t'[class.is-selected]': 'checked()',\n\t\t'[class.is-disabled]': 'disabled()',\n\t\t'[class.mod-add]': 'add()',\n\t\t'[class.mod-select]': 'select()',\n\t},\n\timports: [IconComponent],\n\tproviders: [{ provide: OPTION_INSTANCE, useExisting: forwardRef(() => OptionComponent) }],\n})\nexport class OptionComponent {\n\t// Optional so the option can live outside a lu-listbox, e.g. a sticky \"add option\" row\n\t// rendered next to the listbox but inside the same scroll container.\n\t#listboxRef = inject(LISTBOX_INSTANCE, { optional: true });\n\t#parentOptionRef = inject(OPTION_INSTANCE, { skipSelf: true, optional: true });\n\n\treadonly elementId = input<string | null>(null);\n\n\treadonly checked = input(false, { transform: luBooleanAttribute });\n\n\treadonly mixed = input(false, { transform: luBooleanAttribute });\n\n\treadonly disabled = input(false, { transform: luBooleanAttribute });\n\n\treadonly hovered = input(false, { transform: luBooleanAttribute });\n\n\treadonly add = input(false, { transform: luBooleanAttribute });\n\n\treadonly group = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Overrides the generated id used to label the group, so consumers can provide\n\t * a deterministic id (e.g. derived from a select id and a group key).\n\t */\n\treadonly groupId = input<string | null>(null);\n\n\treadonly select = input(false, { transform: luBooleanAttribute });\n\n\treadonly selectAll = input<'string' | null>();\n\n\treadonly multiple = computed(() => this.#listboxRef?.multiple() ?? false);\n\treadonly tree = computed(() => this.#listboxRef?.tree() ?? false);\n\treadonly empty = computed(() => this.#listboxRef?.state() === 'empty');\n\treadonly id = computed(() => this.#listboxRef?.listboxId ?? null);\n\n\treadonly groupLabelId = computed(() => this.groupId() ?? this.#defaultGroupId);\n\n\treadonly #defaultGroupId = `group${nextId++}`;\n\n\treadonly treeitemContent = contentChild(Treeitem);\n\n\t/**\n\t * Depth of the nested `[treeitem]` wrapper, for consumers that hand their own projected\n\t * content over to this option: a content query does not cross an `ng-content` boundary, so\n\t * the option can then neither see those children nor derive the depth it sits at. Setting it\n\t * renders the wrapper and pins its level; leave it null to let both be worked out here.\n\t */\n\treadonly treeitemLevel = input<number | null>(null);\n\n\treadonly level: number = (this.#parentOptionRef?.level || 0) + 1;\n\n\treadonly hasTreeitems = computed(() => !!this.treeitemContent() || this.treeitemLevel() !== null);\n\n\treadonly wrapperLevel = computed(() => this.treeitemLevel() ?? this.level);\n}\n","<div class=\"listboxOption-content\" [class.is-hovered]=\"hovered()\" [attr.id]=\"group() ? groupLabelId() : null\">\n\t@if (multiple() && !add() && !selectAll() && !select()) {\n\t\t<span class=\"listboxOption-content-checkboxField checkboxField\" aria-hidden=\"true\">\n\t\t\t<span class=\"listboxOption-content-checkboxField-input checkboxField-input\"></span>\n\t\t\t<span class=\"checkboxField-icon\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t</span>\n\t}\n\t@if (add()) {\n\t\t<lu-icon icon=\"mathsPlus\" />\n\t}\n\t<ng-content />\n\t<ng-content select=\"[group-action]\" />\n\t@if (selectAll()) {\n\t\t<lu-listbox-option [elementId]=\"elementId() + '-selectAll'\" select>{{ selectAll() }}</lu-listbox-option>\n\t}\n</div>\n<ng-content select=\"[optgroup]\" />\n\n@if (hasTreeitems()) {\n\t<div class=\"listboxOptionWrapper\" role=\"group\" [attr.style]=\"'--components-listboxOptionWrapper-level: ' + wrapperLevel()\">\n\t\t<ng-content select=\"[treeitem]\" />\n\t</div>\n}\n","import { ChangeDetectionStrategy, Component, computed, forwardRef, input, ViewEncapsulation } from '@angular/core';\n\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\nimport { ɵinjectRandomPercent } from '@lucca/prisme/core';\nimport { ListboxState } from './listbox.type';\nimport { OptionComponent } from './option/option.component';\nimport { LISTBOX_INSTANCE } from './tokens';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-listbox',\n\ttemplateUrl: './listbox.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listboxOptionWrapper',\n\t\t'[attr.role]': 'tree() ? \"tree\" : \"listbox\"',\n\t\t'[attr.aria-multiselectable]': 'multiple() ? true : null',\n\t\t'[class.mod-multiple]': 'multiple()',\n\t\t'[attr.aria-busy]': 'state() === \"loading\"',\n\t\t'[attr.aria-describedby]': 'state() === \"empty\" ? listboxId : null',\n\t},\n\timports: [OptionComponent],\n\tproviders: [{ provide: LISTBOX_INSTANCE, useExisting: forwardRef(() => ListboxComponent) }],\n})\nexport class ListboxComponent {\n\t/**\n\t * Applies multiple mod to the listbox\n\t */\n\treadonly multiple = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Defines listbox role tree or listbox by default\n\t */\n\treadonly tree = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Listbox state\n\t */\n\treadonly state = input<ListboxState | null>(null);\n\n\t/**\n\t * Add message when listbox state loading or empty\n\t */\n\treadonly statusMsg = input<string | null>(null);\n\n\treadonly listboxId = `listbox${nextId++}`;\n\n\treadonly #randomPercent = ɵinjectRandomPercent(20, 80);\n\n\treadonly skeletonWidth = computed(() => (this.state() === 'loading' ? this.#randomPercent() : null));\n}\n","<ng-content select=\"[listbox-header]\" />\n@if (state() !== \"empty\") {\n\t<ng-content />\n}\n@if (state() === \"empty\") {\n\t<lu-listbox-option empty>{{ statusMsg() }}</lu-listbox-option>\n} @else if (state() === \"loading\") {\n\t<lu-listbox-option class=\"skeleton is-loading\" inert=\"inert\">\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"skeletonWidth()\"></span>\n\t</lu-listbox-option>\n\t<span class=\"pr-u-mask\">{{ statusMsg() }}</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["nextId","ɵinjectRandomPercent"],"mappings":"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"}

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

@@ -16,15 +16,15 @@ class ListingItemComponent {
         ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
         this.critical = input(false, { ...(ngDevMode ? { debugName: "critical" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: ListingItemComponent, isStandalone: true, selector: "lu-listing-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "listing-item" }, ngImport: i0, template: "@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" size=\"S\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ListingItemComponent, isStandalone: true, selector: "lu-listing-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "listing-item" }, ngImport: i0, template: "@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListingItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListingItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-listing-item', imports: [IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'listing-item',
                         role: 'listitem',
-                    }, template: "@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" size=\"S\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n" }]
+                    }, template: "@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n" }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], critical: [{ type: i0.Input, args: [{ isSignal: true, alias: "critical", required: false }] }] } });
 
 class ListingComponent {
@@ -72,32 +72,42 @@ class ListingComponent {
          * Reversed the listing
          */
         this.reversed = input(false, { ...(ngDevMode ? { debugName: "reversed" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
+        /**
+         * Modifies the size of the listing
+         */
+        this.size = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
         this.paletteClass = computed(() => ({
             [`palette-${this.palette()}`]: !!this.palette(),
         }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "paletteClass" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: ListingComponent, isStandalone: true, selector: "lu-listing", inputs: { ordered: { classPropertyName: "ordered", publicName: "ordered", isSignal: true, isRequired: false, transformFunction: null }, orderedFancy: { classPropertyName: "orderedFancy", publicName: "orderedFancy", isSignal: true, isRequired: false, transformFunction: null }, checklist: { classPropertyName: "checklist", publicName: "checklist", isSignal: true, isRequired: false, transformFunction: null }, icons: { classPropertyName: "icons", publicName: "icons", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, reversed: { classPropertyName: "reversed", publicName: "reversed", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ListingComponent, isStandalone: true, selector: "lu-listing", inputs: { ordered: { classPropertyName: "ordered", publicName: "ordered", isSignal: true, isRequired: false, transformFunction: null }, orderedFancy: { classPropertyName: "orderedFancy", publicName: "orderedFancy", isSignal: true, isRequired: false, transformFunction: null }, checklist: { classPropertyName: "checklist", publicName: "checklist", isSignal: true, isRequired: false, transformFunction: null }, icons: { classPropertyName: "icons", publicName: "icons", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, reversed: { classPropertyName: "reversed", publicName: "reversed", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: LU_LISTING_INSTANCE,
                 useExisting: forwardRef(() => ListingComponent),
             },
-        ], ngImport: i0, template: "@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.listing{--components-listing-marginInlineStart: 0;--components-listing-inlineFirst: 0;--components-listing-flexDirection: column;--components-listing-flexWrap: nowrap;--components-listing-paddingInlineStart: var(--components-listing-inlineStart);--components-listing-inlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-listing-clipPath: none;--components-listing-listStyleType: disc;--components-listing-item-display: list-item;--components-listing-item-icon-before-content: none;--components-listing-item-before-content: unset;--components-listing-item-content-display: block;--components-listing-item-content-flexWrap: nowrap;--components-listing-item-content-rowGap: 0;--components-listing-item-content-columnGap: 0;--components-listing-item-number-display: none;--components-listing-item-counterIncrement: listing;--components-listing-item-icon-backgroundColor: transparent;padding:0;margin:0;padding-inline-start:var(--components-listing-paddingInlineStart);margin-inline-start:var(--components-listing-marginInlineStart);display:flex;flex-direction:var(--components-listing-flexDirection);flex-wrap:var(--components-listing-flexWrap);row-gap:var(--pr-t-spacings-50);column-gap:var(--pr-t-spacings-100);list-style-type:var(--components-listing-listStyleType);clip-path:var(--components-listing-clipPath)}.listing-item{display:var(--components-listing-item-display);align-items:flex-start;gap:var(--pr-t-spacings-100);margin-inline-start:0;position:relative;counter-increment:var(--components-listing-item-counterIncrement)}.listing-item::marker{line-height:1}.listing-item:before{content:var(--components-listing-item-before-content);border-inline-start:var(--commons-divider-border);block-size:.75lh;align-self:center}.listing-item-number{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);display:var(--components-listing-item-number-display);position:absolute;inset-inline-end:100%;padding:0 var(--pr-t-spacings-25);min-inline-size:var(--pr-t-spacings-250);block-size:var(--pr-t-spacings-250);place-items:center;background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-small);margin-inline-end:var(--pr-t-spacings-100);margin-block-start:calc(var(--pr-t-spacings-25) / 2)}.listing-item-number:before{content:counter(listing)/\"\"}.listing-item-icon{inline-size:var(--pr-t-spacings-250);aspect-ratio:1;margin-block-start:var(--pr-t-spacings-25);background-color:var(--components-listing-item-icon-backgroundColor);color:var(--palettes-700, var(--palettes-neutral-700));border-radius:var(--pr-t-border-radius-full);display:inline-flex!important;--icon-size: 1.25rem}.listing-item-content{display:var(--components-listing-item-content-display);gap:var(--components-listing-item-content-rowGap) var(--components-listing-item-content-columnGap);flex-wrap:var(--components-listing-item-content-flexWrap)}}@layer mods{.listing.mod-ordered,.listing:is(ol){--components-listing-listStyleType: decimal}.listing.mod-ordered.mod-fancy,.listing:is(ol).mod-fancy{counter-reset:listing;--components-listing-listStyleType: \"\" !important;--components-listing-item-number-display: grid}.listing.mod-inline{--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50);--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-clipPath: inset( calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--components-listing-inlineFirst) - var(--pr-t-spacings-50)) )}.listing.mod-inline:has(.listing) .listing{--components-listing-clipPath: 0;--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50)}.listing.mod-inline:has(.listing) .listing-item{--components-listing-item-content-display: flex;--components-listing-item-content-columnGap: var(--pr-t-spacings-100)}.listing.mod-inline.mod-divider:has(.listing) .listing{--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing.mod-inline.mod-divider:has(.listing) .listing-item-content{--components-listing-item-content-columnGap: var(--pr-t-spacings-200)}.listing.mod-inline.mod-divider{--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing .listing{--components-listing-listStyleType: circle}.listing .listing.mod-ordered,.listing .listing:is(ol){--components-listing-listStyleType: lower-alpha}.listing .listing .listing{--components-listing-listStyleType: square}.listing .listing .listing.mod-ordered,.listing .listing .listing:is(ol){--components-listing-listStyleType: lower-roman}.listing.mod-icons{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-icons .listing-item-icon:not([class*=icon-]):before{--icon-content: var(--components-listing-item-icon-before-content)}.listing.mod-checklist{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-checklist .listing-item-icon{--components-listing-item-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.listing.mod-checklist .listing-item-icon:not(.icon-signClose){--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}}@layer base{lu-listing{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: "@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class.mod-S]=\"size() === 'S'\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class.mod-S]=\"size() === 'S'\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.listing{--components-listing-marginInlineStart: 0;--components-listing-inlineFirst: 0;--components-listing-flexDirection: column;--components-listing-flexWrap: nowrap;--components-listing-paddingInlineStart: var(--components-listing-inlineStart);--components-listing-inlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-listing-clipPath: none;--components-listing-listStyleType: disc;--components-listing-item-display: list-item;--components-listing-item-icon-before-content: none;--components-listing-item-before-content: unset;--components-listing-item-content-display: block;--components-listing-item-content-flexWrap: nowrap;--components-listing-item-content-rowGap: 0;--components-listing-item-content-columnGap: 0;--components-listing-item-number-display: none;--components-listing-item-number-font: var(--pr-t-font-body-S);--components-listing-item-number-size: var(--pr-t-spacings-250);--components-listing-item-counterIncrement: listing;--components-listing-item-icon-backgroundColor: transparent;--components-listing-item-icon-size: var(--pr-t-spacings-250);padding:0;margin:0;padding-inline-start:var(--components-listing-paddingInlineStart);margin-inline-start:var(--components-listing-marginInlineStart);display:flex;flex-direction:var(--components-listing-flexDirection);flex-wrap:var(--components-listing-flexWrap);row-gap:var(--pr-t-spacings-50);column-gap:var(--pr-t-spacings-100);list-style-type:var(--components-listing-listStyleType);clip-path:var(--components-listing-clipPath)}.listing-item{font:var(--components-listing-item-font);display:var(--components-listing-item-display);align-items:flex-start;gap:var(--pr-t-spacings-100);margin-inline-start:0;position:relative;counter-increment:var(--components-listing-item-counterIncrement)}.listing-item::marker{line-height:1}.listing-item:before{content:var(--components-listing-item-before-content);border-inline-start:var(--commons-divider-border);block-size:.75lh;align-self:center}.listing-item-number{font:var(--components-listing-item-number-font);font-weight:var(--pr-t-font-fontWeight-semibold);display:var(--components-listing-item-number-display);position:absolute;inset-inline-end:100%;padding:0 var(--pr-t-spacings-25);min-inline-size:var(--components-listing-item-number-size);block-size:var(--components-listing-item-number-size);place-items:center;background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-small);margin-inline-end:var(--pr-t-spacings-100);margin-block-start:calc(var(--pr-t-spacings-25) / 2)}.listing-item-number:before{content:counter(listing)/\"\"}.listing-item-icon{inline-size:var(--components-listing-item-icon-size);aspect-ratio:1;margin-block-start:var(--pr-t-spacings-25);background-color:var(--components-listing-item-icon-backgroundColor);color:var(--palettes-700, var(--palettes-neutral-700));border-radius:var(--pr-t-border-radius-full);display:inline-flex!important;--icon-size: 1.25rem}.listing-item-content{display:var(--components-listing-item-content-display);gap:var(--components-listing-item-content-rowGap) var(--components-listing-item-content-columnGap);flex-wrap:var(--components-listing-item-content-flexWrap)}}@layer mods{.listing.mod-ordered,.listing:is(ol){--components-listing-listStyleType: decimal}.listing.mod-ordered.mod-fancy,.listing:is(ol).mod-fancy{counter-reset:listing;--components-listing-listStyleType: \"\" !important;--components-listing-item-number-display: grid}.listing.mod-inline{--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50);--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-clipPath: inset( calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--components-listing-inlineFirst) - var(--pr-t-spacings-50)) )}.listing.mod-inline:has(.listing) .listing{--components-listing-clipPath: 0;--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50)}.listing.mod-inline:has(.listing) .listing-item{--components-listing-item-content-display: flex;--components-listing-item-content-columnGap: var(--pr-t-spacings-100)}.listing.mod-inline.mod-divider:has(.listing) .listing{--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing.mod-inline.mod-divider:has(.listing) .listing-item-content{--components-listing-item-content-columnGap: var(--pr-t-spacings-200)}.listing.mod-inline.mod-divider{--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing .listing{--components-listing-listStyleType: circle}.listing .listing.mod-ordered,.listing .listing:is(ol){--components-listing-listStyleType: lower-alpha}.listing .listing .listing{--components-listing-listStyleType: square}.listing .listing .listing.mod-ordered,.listing .listing .listing:is(ol){--components-listing-listStyleType: lower-roman}.listing.mod-icons{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-icons .listing-item-icon:not([class*=icon-]):before{--icon-content: var(--components-listing-item-icon-before-content)}.listing.mod-checklist{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-checklist .listing-item-icon{--components-listing-item-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.listing.mod-checklist .listing-item-icon:not(.icon-signClose){--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.listing.mod-S,.listing.mod-S .listing{--components-listing-inlineStart: var(--pr-t-spacings-300);--components-listing-item-font: var(--pr-t-font-body-S);--components-listing-item-number-font: var(--pr-t-font-body-XS);--components-listing-item-number-size: var(--pr-t-spacings-200);--components-listing-item-icon-size: var(--pr-t-spacings-200)}.listing.mod-S .listing-item-icon,.listing.mod-S .listing .listing-item-icon{--icon-size: 1rem}}@layer base{lu-listing{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-listing', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: LU_LISTING_INSTANCE,
                             useExisting: forwardRef(() => ListingComponent),
                         },
-                    ], template: "@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.listing{--components-listing-marginInlineStart: 0;--components-listing-inlineFirst: 0;--components-listing-flexDirection: column;--components-listing-flexWrap: nowrap;--components-listing-paddingInlineStart: var(--components-listing-inlineStart);--components-listing-inlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-listing-clipPath: none;--components-listing-listStyleType: disc;--components-listing-item-display: list-item;--components-listing-item-icon-before-content: none;--components-listing-item-before-content: unset;--components-listing-item-content-display: block;--components-listing-item-content-flexWrap: nowrap;--components-listing-item-content-rowGap: 0;--components-listing-item-content-columnGap: 0;--components-listing-item-number-display: none;--components-listing-item-counterIncrement: listing;--components-listing-item-icon-backgroundColor: transparent;padding:0;margin:0;padding-inline-start:var(--components-listing-paddingInlineStart);margin-inline-start:var(--components-listing-marginInlineStart);display:flex;flex-direction:var(--components-listing-flexDirection);flex-wrap:var(--components-listing-flexWrap);row-gap:var(--pr-t-spacings-50);column-gap:var(--pr-t-spacings-100);list-style-type:var(--components-listing-listStyleType);clip-path:var(--components-listing-clipPath)}.listing-item{display:var(--components-listing-item-display);align-items:flex-start;gap:var(--pr-t-spacings-100);margin-inline-start:0;position:relative;counter-increment:var(--components-listing-item-counterIncrement)}.listing-item::marker{line-height:1}.listing-item:before{content:var(--components-listing-item-before-content);border-inline-start:var(--commons-divider-border);block-size:.75lh;align-self:center}.listing-item-number{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);display:var(--components-listing-item-number-display);position:absolute;inset-inline-end:100%;padding:0 var(--pr-t-spacings-25);min-inline-size:var(--pr-t-spacings-250);block-size:var(--pr-t-spacings-250);place-items:center;background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-small);margin-inline-end:var(--pr-t-spacings-100);margin-block-start:calc(var(--pr-t-spacings-25) / 2)}.listing-item-number:before{content:counter(listing)/\"\"}.listing-item-icon{inline-size:var(--pr-t-spacings-250);aspect-ratio:1;margin-block-start:var(--pr-t-spacings-25);background-color:var(--components-listing-item-icon-backgroundColor);color:var(--palettes-700, var(--palettes-neutral-700));border-radius:var(--pr-t-border-radius-full);display:inline-flex!important;--icon-size: 1.25rem}.listing-item-content{display:var(--components-listing-item-content-display);gap:var(--components-listing-item-content-rowGap) var(--components-listing-item-content-columnGap);flex-wrap:var(--components-listing-item-content-flexWrap)}}@layer mods{.listing.mod-ordered,.listing:is(ol){--components-listing-listStyleType: decimal}.listing.mod-ordered.mod-fancy,.listing:is(ol).mod-fancy{counter-reset:listing;--components-listing-listStyleType: \"\" !important;--components-listing-item-number-display: grid}.listing.mod-inline{--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50);--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-clipPath: inset( calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--components-listing-inlineFirst) - var(--pr-t-spacings-50)) )}.listing.mod-inline:has(.listing) .listing{--components-listing-clipPath: 0;--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50)}.listing.mod-inline:has(.listing) .listing-item{--components-listing-item-content-display: flex;--components-listing-item-content-columnGap: var(--pr-t-spacings-100)}.listing.mod-inline.mod-divider:has(.listing) .listing{--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing.mod-inline.mod-divider:has(.listing) .listing-item-content{--components-listing-item-content-columnGap: var(--pr-t-spacings-200)}.listing.mod-inline.mod-divider{--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing .listing{--components-listing-listStyleType: circle}.listing .listing.mod-ordered,.listing .listing:is(ol){--components-listing-listStyleType: lower-alpha}.listing .listing .listing{--components-listing-listStyleType: square}.listing .listing .listing.mod-ordered,.listing .listing .listing:is(ol){--components-listing-listStyleType: lower-roman}.listing.mod-icons{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-icons .listing-item-icon:not([class*=icon-]):before{--icon-content: var(--components-listing-item-icon-before-content)}.listing.mod-checklist{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-checklist .listing-item-icon{--components-listing-item-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.listing.mod-checklist .listing-item-icon:not(.icon-signClose){--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}}@layer base{lu-listing{display:contents}}\n"] }]
-        }], propDecorators: { ordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "ordered", required: false }] }], orderedFancy: [{ type: i0.Input, args: [{ isSignal: true, alias: "orderedFancy", required: false }] }], checklist: [{ type: i0.Input, args: [{ isSignal: true, alias: "checklist", required: false }] }], icons: [{ type: i0.Input, args: [{ isSignal: true, alias: "icons", required: false }] }], defaultIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultIcon", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], start: [{ type: i0.Input, args: [{ isSignal: true, alias: "start", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], divider: [{ type: i0.Input, args: [{ isSignal: true, alias: "divider", required: false }] }], reversed: [{ type: i0.Input, args: [{ isSignal: true, alias: "reversed", required: false }] }] } });
+                    ], template: "@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class.mod-S]=\"size() === 'S'\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class.mod-S]=\"size() === 'S'\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.listing{--components-listing-marginInlineStart: 0;--components-listing-inlineFirst: 0;--components-listing-flexDirection: column;--components-listing-flexWrap: nowrap;--components-listing-paddingInlineStart: var(--components-listing-inlineStart);--components-listing-inlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-listing-clipPath: none;--components-listing-listStyleType: disc;--components-listing-item-display: list-item;--components-listing-item-icon-before-content: none;--components-listing-item-before-content: unset;--components-listing-item-content-display: block;--components-listing-item-content-flexWrap: nowrap;--components-listing-item-content-rowGap: 0;--components-listing-item-content-columnGap: 0;--components-listing-item-number-display: none;--components-listing-item-number-font: var(--pr-t-font-body-S);--components-listing-item-number-size: var(--pr-t-spacings-250);--components-listing-item-counterIncrement: listing;--components-listing-item-icon-backgroundColor: transparent;--components-listing-item-icon-size: var(--pr-t-spacings-250);padding:0;margin:0;padding-inline-start:var(--components-listing-paddingInlineStart);margin-inline-start:var(--components-listing-marginInlineStart);display:flex;flex-direction:var(--components-listing-flexDirection);flex-wrap:var(--components-listing-flexWrap);row-gap:var(--pr-t-spacings-50);column-gap:var(--pr-t-spacings-100);list-style-type:var(--components-listing-listStyleType);clip-path:var(--components-listing-clipPath)}.listing-item{font:var(--components-listing-item-font);display:var(--components-listing-item-display);align-items:flex-start;gap:var(--pr-t-spacings-100);margin-inline-start:0;position:relative;counter-increment:var(--components-listing-item-counterIncrement)}.listing-item::marker{line-height:1}.listing-item:before{content:var(--components-listing-item-before-content);border-inline-start:var(--commons-divider-border);block-size:.75lh;align-self:center}.listing-item-number{font:var(--components-listing-item-number-font);font-weight:var(--pr-t-font-fontWeight-semibold);display:var(--components-listing-item-number-display);position:absolute;inset-inline-end:100%;padding:0 var(--pr-t-spacings-25);min-inline-size:var(--components-listing-item-number-size);block-size:var(--components-listing-item-number-size);place-items:center;background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-small);margin-inline-end:var(--pr-t-spacings-100);margin-block-start:calc(var(--pr-t-spacings-25) / 2)}.listing-item-number:before{content:counter(listing)/\"\"}.listing-item-icon{inline-size:var(--components-listing-item-icon-size);aspect-ratio:1;margin-block-start:var(--pr-t-spacings-25);background-color:var(--components-listing-item-icon-backgroundColor);color:var(--palettes-700, var(--palettes-neutral-700));border-radius:var(--pr-t-border-radius-full);display:inline-flex!important;--icon-size: 1.25rem}.listing-item-content{display:var(--components-listing-item-content-display);gap:var(--components-listing-item-content-rowGap) var(--components-listing-item-content-columnGap);flex-wrap:var(--components-listing-item-content-flexWrap)}}@layer mods{.listing.mod-ordered,.listing:is(ol){--components-listing-listStyleType: decimal}.listing.mod-ordered.mod-fancy,.listing:is(ol).mod-fancy{counter-reset:listing;--components-listing-listStyleType: \"\" !important;--components-listing-item-number-display: grid}.listing.mod-inline{--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50);--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-clipPath: inset( calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--components-listing-inlineFirst) - var(--pr-t-spacings-50)) )}.listing.mod-inline:has(.listing) .listing{--components-listing-clipPath: 0;--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50)}.listing.mod-inline:has(.listing) .listing-item{--components-listing-item-content-display: flex;--components-listing-item-content-columnGap: var(--pr-t-spacings-100)}.listing.mod-inline.mod-divider:has(.listing) .listing{--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing.mod-inline.mod-divider:has(.listing) .listing-item-content{--components-listing-item-content-columnGap: var(--pr-t-spacings-200)}.listing.mod-inline.mod-divider{--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing .listing{--components-listing-listStyleType: circle}.listing .listing.mod-ordered,.listing .listing:is(ol){--components-listing-listStyleType: lower-alpha}.listing .listing .listing{--components-listing-listStyleType: square}.listing .listing .listing.mod-ordered,.listing .listing .listing:is(ol){--components-listing-listStyleType: lower-roman}.listing.mod-icons{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-icons .listing-item-icon:not([class*=icon-]):before{--icon-content: var(--components-listing-item-icon-before-content)}.listing.mod-checklist{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-checklist .listing-item-icon{--components-listing-item-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.listing.mod-checklist .listing-item-icon:not(.icon-signClose){--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.listing.mod-S,.listing.mod-S .listing{--components-listing-inlineStart: var(--pr-t-spacings-300);--components-listing-item-font: var(--pr-t-font-body-S);--components-listing-item-number-font: var(--pr-t-font-body-XS);--components-listing-item-number-size: var(--pr-t-spacings-200);--components-listing-item-icon-size: var(--pr-t-spacings-200)}.listing.mod-S .listing-item-icon,.listing.mod-S .listing .listing-item-icon{--icon-size: 1rem}}@layer base{lu-listing{display:contents}}\n"] }]
+        }], propDecorators: { ordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "ordered", required: false }] }], orderedFancy: [{ type: i0.Input, args: [{ isSignal: true, alias: "orderedFancy", required: false }] }], checklist: [{ type: i0.Input, args: [{ isSignal: true, alias: "checklist", required: false }] }], icons: [{ type: i0.Input, args: [{ isSignal: true, alias: "icons", required: false }] }], defaultIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultIcon", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], start: [{ type: i0.Input, args: [{ isSignal: true, alias: "start", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], divider: [{ type: i0.Input, args: [{ isSignal: true, alias: "divider", required: false }] }], reversed: [{ type: i0.Input, args: [{ isSignal: true, alias: "reversed", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+/**
+ * Available ListingComponent sizes
+ */
+const LISTING_SIZE = ['S'];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ListingComponent, ListingItemComponent };
+export { LISTING_SIZE, ListingComponent, ListingItemComponent };
 //# sourceMappingURL=lucca-front-ng-listing.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-listing.mjs","sources":["../../../packages/ng/listing/listing.token.ts","../../../packages/ng/listing/listing-item/listing-item.component.ts","../../../packages/ng/listing/listing-item/listing-item.component.html","../../../packages/ng/listing/listing.component.ts","../../../packages/ng/listing/listing.component.html","../../../packages/ng/listing/lucca-front-ng-listing.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ListingComponent } from './listing.component';\n\nexport const LU_LISTING_INSTANCE = new InjectionToken<ListingComponent>('LU_LISTING_INSTANCE');\n","import { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_LISTING_INSTANCE } from '../listing.token';\n\n@Component({\n\tselector: 'lu-listing-item',\n\ttemplateUrl: './listing-item.component.html',\n\timports: [IconComponent],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listing-item',\n\t\trole: 'listitem',\n\t},\n})\nexport class ListingItemComponent {\n\tprotected listingRef = inject(LU_LISTING_INSTANCE);\n\n\t/**\n\t * Adds an icon to the listing item\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\treadonly critical = input(false, { transform: luBooleanAttribute });\n}\n","@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" size=\"S\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, forwardRef, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { luBooleanAttribute, luNumberAttribute, Palette } from '@lucca-front/ng/core';\nimport { LU_LISTING_INSTANCE } from './listing.token';\n\n@Component({\n\tselector: 'lu-listing',\n\ttemplateUrl: './listing.component.html',\n\tstyleUrl: './listing.component.scss',\n\timports: [NgTemplateOutlet],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_LISTING_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => ListingComponent),\n\t\t},\n\t],\n})\nexport class ListingComponent {\n\t/**\n\t * Create HTMLOListElement\n\t */\n\treadonly ordered = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Create HTMLOListElement with fancy numbers\n\t */\n\treadonly orderedFancy = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Applies checklist mod to the listing\n\t */\n\treadonly checklist = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Adds an icon to the listing\n\t */\n\treadonly icons = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Gives the desired icon.\n\t * If the icon input is not enabled it will not be displayed (signConfirm by default)\n\t */\n\treadonly defaultIcon = input<LuccaIcon>('signConfirm');\n\n\t/**\n\t * Applies a color palette to the listing\n\t */\n\treadonly palette = input<Palette>('none');\n\n\t/**\n\t * Allows you to start a list at a value other than 1\n\t */\n\treadonly start = input(1, { transform: luNumberAttribute });\n\n\t/**\n\t * Applies inline mod to the listing\n\t */\n\treadonly inline = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Applies divider between list item\n\t */\n\treadonly divider = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Reversed the listing\n\t */\n\treadonly reversed = input(false, { transform: luBooleanAttribute });\n\n\treadonly paletteClass = computed(() => ({\n\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t}));\n}\n","@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-listing.mjs","sources":["../../../packages/ng/listing/listing.token.ts","../../../packages/ng/listing/listing-item/listing-item.component.ts","../../../packages/ng/listing/listing-item/listing-item.component.html","../../../packages/ng/listing/listing.component.ts","../../../packages/ng/listing/listing.component.html","../../../packages/ng/listing/listing.type.ts","../../../packages/ng/listing/lucca-front-ng-listing.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ListingComponent } from './listing.component';\n\nexport const LU_LISTING_INSTANCE = new InjectionToken<ListingComponent>('LU_LISTING_INSTANCE');\n","import { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_LISTING_INSTANCE } from '../listing.token';\n\n@Component({\n\tselector: 'lu-listing-item',\n\ttemplateUrl: './listing-item.component.html',\n\timports: [IconComponent],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listing-item',\n\t\trole: 'listitem',\n\t},\n})\nexport class ListingItemComponent {\n\tprotected listingRef = inject(LU_LISTING_INSTANCE);\n\n\t/**\n\t * Adds an icon to the listing item\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\treadonly critical = input(false, { transform: luBooleanAttribute });\n}\n","@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, forwardRef, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { luBooleanAttribute, luNumberAttribute, Palette } from '@lucca-front/ng/core';\nimport { LU_LISTING_INSTANCE } from './listing.token';\nimport { ListingSize } from './listing.type';\n\n@Component({\n\tselector: 'lu-listing',\n\ttemplateUrl: './listing.component.html',\n\tstyleUrl: './listing.component.scss',\n\timports: [NgTemplateOutlet],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_LISTING_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => ListingComponent),\n\t\t},\n\t],\n})\nexport class ListingComponent {\n\t/**\n\t * Create HTMLOListElement\n\t */\n\treadonly ordered = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Create HTMLOListElement with fancy numbers\n\t */\n\treadonly orderedFancy = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Applies checklist mod to the listing\n\t */\n\treadonly checklist = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Adds an icon to the listing\n\t */\n\treadonly icons = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Gives the desired icon.\n\t * If the icon input is not enabled it will not be displayed (signConfirm by default)\n\t */\n\treadonly defaultIcon = input<LuccaIcon>('signConfirm');\n\n\t/**\n\t * Applies a color palette to the listing\n\t */\n\treadonly palette = input<Palette>('none');\n\n\t/**\n\t * Allows you to start a list at a value other than 1\n\t */\n\treadonly start = input(1, { transform: luNumberAttribute });\n\n\t/**\n\t * Applies inline mod to the listing\n\t */\n\treadonly inline = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Applies divider between list item\n\t */\n\treadonly divider = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Reversed the listing\n\t */\n\treadonly reversed = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Modifies the size of the listing\n\t */\n\treadonly size = input<ListingSize | null>(null);\n\n\treadonly paletteClass = computed(() => ({\n\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t}));\n}\n","@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class.mod-S]=\"size() === 'S'\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class.mod-S]=\"size() === 'S'\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n","/**\n * Available ListingComponent sizes\n */\nexport const LISTING_SIZE = ['S'] as const;\nexport type ListingSize = (typeof LISTING_SIZE)[number];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,46 +1,87 @@
 import * as i0 from '@angular/core';
-import { inject, input, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { LuClass, luBooleanAttribute } from '@lucca-front/ng/core';
+import { InjectionToken, inject, input, viewChild, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { LuClass, intlInputOptions, luBooleanAttribute, luNullableBooleanAttribute } from '@lucca-front/ng/core';
 
 /**
  * Available LoadingComponent Types
  */
 const LOADING_SIZE = ['L'];
 
+const Translations = {
+    'nl-BE': {
+        label: 'Laden…',
+    },
+    fr: {
+        label: 'Chargement…',
+    },
+    de: {
+        label: 'Lädt…',
+    },
+    en: {
+        label: 'Loading…',
+    },
+    es: {
+        label: 'Cargando…',
+    },
+    it: {
+        label: 'Caricamento…',
+    },
+    nl: {
+        label: 'Laden…',
+    },
+    pt: {
+        label: 'Carregando…',
+    },
+    pl: {
+        label: 'Ładowanie…',
+    },
+};
+
+const LU_LOADING_TRANSLATIONS = new InjectionToken('LuLoadingTranslations', {
+    factory: () => luLoadingTranslations,
+});
+const luLoadingTranslations = Translations;
+
 class LoadingComponent {
     #luClass;
     constructor() {
         this.#luClass = inject(LuClass);
+        this.intl = input(...intlInputOptions(LU_LOADING_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
         this.size = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
         this.invert = input(false, { ...(ngDevMode ? { debugName: "invert" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         this.block = input(false, { ...(ngDevMode ? { debugName: "block" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
-        this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
+        this.hiddenLabel = input(null, { ...(ngDevMode ? { debugName: "hiddenLabel" } : /* istanbul ignore next */ {}), transform: luNullableBooleanAttribute });
         this.template = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
+        this.defaultLabel = viewChild('defaultLabel', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "defaultLabel" }] : /* istanbul ignore next */ []));
+        this.isLabelHidden = computed(() => this.hiddenLabel() ?? !!this.defaultLabel(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLabelHidden" }] : /* istanbul ignore next */ []));
         effect(() => {
             this.#luClass.setState({
                 [`mod-${this.template()}`]: !!this.template(),
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: LoadingComponent, isStandalone: true, selector: "lu-loading", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-block": "block()", "class.mod-invert": "invert()", "class.mod-L": "size() === \"L\"", "class.mod-hiddenLabel": "hiddenLabel()" }, classAttribute: "loading" }, providers: [LuClass], ngImport: i0, template: '<span class="loading-label"><ng-content /></span>', isInline: true, styles: ["@layer components{.loading{--commons-loading-frontground: var(--palettes-500, var(--palettes-product-500));--components-loading-display: inline-flex;--components-loading-flexDirection: row;--components-loading-size: var(--pr-t-spacings-300);--components-loading-size-big: var(--pr-t-spacings-600);--components-loading-margin: 0;--components-loading-spinnerMargin: 0;--components-loading-color: currentColor;--components-loading-transform: none;--components-loading-textAlign: inherit;min-block-size:var(--components-loading-size);min-inline-size:var(--components-loading-size);margin:var(--components-loading-margin);display:var(--components-loading-display);flex-direction:var(--components-loading-flexDirection);transform:var(--components-loading-transform);color:var(--components-loading-color);position:relative;text-align:var(--components-loading-textAlign);vertical-align:top;gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading:after{inline-size:var(--components-loading-size);block-size:var(--components-loading-size);margin:var(--components-loading-spinnerMargin);position:static;order:-1}.loading-label:empty{display:none}}@layer mods{.loading.mod-L{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-block{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column}.loading[class~=mod-fullPage i]{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-margin: 0 auto;--components-loading-transform: translateY(35vh)}.loading.mod-popin,.loading.mod-dialog{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-drawer,.loading.mod-sidePanel{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-transform: translateY(35vh)}.loading.mod-invert{--components-loading-color: var(--palettes-neutral-0)}.loading.mod-invert:after{--commons-loading-frontground: color.transparentize(var(--palettes-neutral-0), .66)}.loading.mod-hiddenLabel .loading-label{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: LoadingComponent, isStandalone: true, selector: "lu-loading", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-block": "block()", "class.mod-invert": "invert()", "class.mod-L": "size() === \"L\"", "class.mod-hiddenLabel": "isLabelHidden()" }, classAttribute: "loading" }, providers: [LuClass], viewQueries: [{ propertyName: "defaultLabel", first: true, predicate: ["defaultLabel"], descendants: true, isSignal: true }], ngImport: i0, template: '<span class="loading-label"><ng-content><ng-container #defaultLabel>{{ intl().label }}</ng-container></ng-content></span>', isInline: true, styles: ["@layer components{.loading{--commons-loading-frontground: var(--palettes-500, var(--palettes-product-500));--components-loading-display: inline-flex;--components-loading-flexDirection: row;--components-loading-size: var(--pr-t-spacings-300);--components-loading-size-big: var(--pr-t-spacings-600);--components-loading-margin: 0;--components-loading-spinnerMargin: 0;--components-loading-color: currentColor;--components-loading-transform: none;--components-loading-textAlign: inherit;min-block-size:var(--components-loading-size);min-inline-size:var(--components-loading-size);margin:var(--components-loading-margin);display:var(--components-loading-display);flex-direction:var(--components-loading-flexDirection);transform:var(--components-loading-transform);color:var(--components-loading-color);position:relative;text-align:var(--components-loading-textAlign);vertical-align:top;gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading:after{inline-size:var(--components-loading-size);block-size:var(--components-loading-size);margin:var(--components-loading-spinnerMargin);position:static;order:-1}.loading-label:empty{display:none}}@layer mods{.loading.mod-L{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-block{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column}.loading[class~=mod-fullPage i]{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-margin: 0 auto;--components-loading-transform: translateY(35vh)}.loading.mod-popin,.loading.mod-dialog{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-drawer,.loading.mod-sidePanel{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-transform: translateY(35vh)}.loading.mod-invert{--components-loading-color: var(--palettes-neutral-0)}.loading.mod-invert:after{--commons-loading-frontground: color.transparentize(var(--palettes-neutral-0), .66)}.loading.mod-hiddenLabel .loading-label{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LoadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-loading', providers: [LuClass], template: '<span class="loading-label"><ng-content /></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'lu-loading', providers: [LuClass], template: '<span class="loading-label"><ng-content><ng-container #defaultLabel>{{ intl().label }}</ng-container></ng-content></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'loading',
                         '[class.mod-block]': 'block()',
                         '[class.mod-invert]': 'invert()',
                         '[class.mod-L]': 'size() === "L"',
-                        '[class.mod-hiddenLabel]': 'hiddenLabel()',
+                        '[class.mod-hiddenLabel]': 'isLabelHidden()',
                     }, styles: ["@layer components{.loading{--commons-loading-frontground: var(--palettes-500, var(--palettes-product-500));--components-loading-display: inline-flex;--components-loading-flexDirection: row;--components-loading-size: var(--pr-t-spacings-300);--components-loading-size-big: var(--pr-t-spacings-600);--components-loading-margin: 0;--components-loading-spinnerMargin: 0;--components-loading-color: currentColor;--components-loading-transform: none;--components-loading-textAlign: inherit;min-block-size:var(--components-loading-size);min-inline-size:var(--components-loading-size);margin:var(--components-loading-margin);display:var(--components-loading-display);flex-direction:var(--components-loading-flexDirection);transform:var(--components-loading-transform);color:var(--components-loading-color);position:relative;text-align:var(--components-loading-textAlign);vertical-align:top;gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading:after{inline-size:var(--components-loading-size);block-size:var(--components-loading-size);margin:var(--components-loading-spinnerMargin);position:static;order:-1}.loading-label:empty{display:none}}@layer mods{.loading.mod-L{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-block{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column}.loading[class~=mod-fullPage i]{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-margin: 0 auto;--components-loading-transform: translateY(35vh)}.loading.mod-popin,.loading.mod-dialog{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-drawer,.loading.mod-sidePanel{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-transform: translateY(35vh)}.loading.mod-invert{--components-loading-color: var(--palettes-neutral-0)}.loading.mod-invert:after{--commons-loading-frontground: color.transparentize(var(--palettes-neutral-0), .66)}.loading.mod-hiddenLabel .loading-label{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], invert: [{ type: i0.Input, args: [{ isSignal: true, alias: "invert", required: false }] }], block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: false }] }], hiddenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenLabel", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], invert: [{ type: i0.Input, args: [{ isSignal: true, alias: "invert", required: false }] }], block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: false }] }], hiddenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenLabel", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], defaultLabel: [{ type: i0.ViewChild, args: ['defaultLabel', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { LOADING_SIZE, LoadingComponent };
+export { LOADING_SIZE, LU_LOADING_TRANSLATIONS, LoadingComponent, luLoadingTranslations };
 //# sourceMappingURL=lucca-front-ng-loading.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-loading.mjs","sources":["../../../packages/ng/loading/loading.type.ts","../../../packages/ng/loading/loading.component.ts","../../../packages/ng/loading/lucca-front-ng-loading.ts"],"sourcesContent":["/**\n * Available LoadingComponent Types\n */\n\nexport const LOADING_SIZE = ['L'] as const;\nexport type LoadingSize = (typeof LOADING_SIZE)[number];\n","import { ChangeDetectionStrategy, Component, effect, inject, input, ViewEncapsulation } from '@angular/core';\nimport { luBooleanAttribute, LuClass } from '@lucca-front/ng/core';\nimport { LoadingSize } from './loading.type';\n\ntype DisplayMode =\n\t| 'popin'\n\t| 'drawer'\n\t| 'fullPage'\n\t/** @deprecated use 'fullPage' instead */\n\t| 'fullpage';\n\n@Component({\n\tselector: 'lu-loading',\n\tproviders: [LuClass],\n\tstyleUrl: './loading.component.scss',\n\ttemplate: '<span class=\"loading-label\"><ng-content /></span>',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'loading',\n\t\t'[class.mod-block]': 'block()',\n\t\t'[class.mod-invert]': 'invert()',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t\t'[class.mod-hiddenLabel]': 'hiddenLabel()',\n\t},\n})\nexport class LoadingComponent {\n\t#luClass = inject(LuClass);\n\n\treadonly size = input<LoadingSize | null>(null);\n\n\treadonly invert = input(false, { transform: luBooleanAttribute });\n\n\treadonly block = input(false, { transform: luBooleanAttribute });\n\n\treadonly hiddenLabel = input(false, { transform: luBooleanAttribute });\n\n\treadonly template = input<DisplayMode | null>(null);\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.template()}`]: !!this.template(),\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-loading.mjs","sources":["../../../packages/ng/loading/loading.type.ts","../../../packages/ng/loading/translations.ts","../../../packages/ng/loading/loading.translate.ts","../../../packages/ng/loading/loading.component.ts","../../../packages/ng/loading/lucca-front-ng-loading.ts"],"sourcesContent":["/**\n * Available LoadingComponent Types\n */\n\nexport const LOADING_SIZE = ['L'] as const;\nexport type LoadingSize = (typeof LOADING_SIZE)[number];\n","export const Translations = {\n\t'nl-BE': {\n\t\tlabel: 'Laden…',\n\t},\n\tfr: {\n\t\tlabel: 'Chargement…',\n\t},\n\tde: {\n\t\tlabel: 'Lädt…',\n\t},\n\ten: {\n\t\tlabel: 'Loading…',\n\t},\n\tes: {\n\t\tlabel: 'Cargando…',\n\t},\n\tit: {\n\t\tlabel: 'Caricamento…',\n\t},\n\tnl: {\n\t\tlabel: 'Laden…',\n\t},\n\tpt: {\n\t\tlabel: 'Carregando…',\n\t},\n\tpl: {\n\t\tlabel: 'Ładowanie…',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_LOADING_TRANSLATIONS = new InjectionToken('LuLoadingTranslations', {\n\tfactory: () => luLoadingTranslations,\n});\n\nexport interface LuLoadingLabel {\n\tlabel: string;\n}\n\nexport const luLoadingTranslations: LuTranslation<LuLoadingLabel> = Translations;\n","import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, viewChild, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions, luBooleanAttribute, LuClass, luNullableBooleanAttribute } from '@lucca-front/ng/core';\nimport { LU_LOADING_TRANSLATIONS } from './loading.translate';\nimport { LoadingSize } from './loading.type';\n\ntype DisplayMode =\n\t| 'popin'\n\t| 'drawer'\n\t| 'fullPage'\n\t/** @deprecated use 'fullPage' instead */\n\t| 'fullpage';\n\n@Component({\n\tselector: 'lu-loading',\n\tproviders: [LuClass],\n\tstyleUrl: './loading.component.scss',\n\ttemplate: '<span class=\"loading-label\"><ng-content><ng-container #defaultLabel>{{ intl().label }}</ng-container></ng-content></span>',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'loading',\n\t\t'[class.mod-block]': 'block()',\n\t\t'[class.mod-invert]': 'invert()',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t\t'[class.mod-hiddenLabel]': 'isLabelHidden()',\n\t},\n})\nexport class LoadingComponent {\n\t#luClass = inject(LuClass);\n\n\treadonly intl = input(...intlInputOptions(LU_LOADING_TRANSLATIONS));\n\n\treadonly size = input<LoadingSize | null>(null);\n\n\treadonly invert = input(false, { transform: luBooleanAttribute });\n\n\treadonly block = input(false, { transform: luBooleanAttribute });\n\n\treadonly hiddenLabel = input(null, { transform: luNullableBooleanAttribute });\n\n\treadonly template = input<DisplayMode | null>(null);\n\n\tprotected readonly defaultLabel = viewChild<ElementRef<Comment>>('defaultLabel');\n\n\tprotected readonly isLabelHidden = computed(() => this.hiddenLabel() ?? !!this.defaultLabel());\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.template()}`]: !!this.template(),\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}