npm - @lucca-front/ng - Versions diffs - 22.1.0-rc.4 → 22.1.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (238) hide show

package/README.md +6 -0
package/fesm2022/lucca-front-ng-a11y.mjs +9 -9
package/fesm2022/lucca-front-ng-activity-feed.mjs +19 -15
package/fesm2022/lucca-front-ng-activity-feed.mjs.map +1 -1
package/fesm2022/lucca-front-ng-api.mjs +40 -40
package/fesm2022/lucca-front-ng-app-layout.mjs +3 -3
package/fesm2022/lucca-front-ng-approbation-inbox.mjs +78 -56
package/fesm2022/lucca-front-ng-approbation-inbox.mjs.map +1 -1
package/fesm2022/lucca-front-ng-box.mjs +3 -3
package/fesm2022/lucca-front-ng-breadcrumbs.mjs +6 -6
package/fesm2022/lucca-front-ng-bubble-icon.mjs +12 -7
package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
package/fesm2022/lucca-front-ng-bubble-illustration.mjs +3 -3
package/fesm2022/lucca-front-ng-callout.mjs +24 -24
package/fesm2022/lucca-front-ng-chip.mjs +4 -4
package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
package/fesm2022/lucca-front-ng-clear.mjs +4 -4
package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
package/fesm2022/lucca-front-ng-code.mjs +3 -3
package/fesm2022/lucca-front-ng-color.mjs +3 -3
package/fesm2022/lucca-front-ng-comment.mjs +12 -12
package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
package/fesm2022/lucca-front-ng-container.mjs +3 -3
package/fesm2022/lucca-front-ng-core-select-api.mjs +9 -9
package/fesm2022/lucca-front-ng-core-select-department.mjs +8 -6
package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
package/fesm2022/lucca-front-ng-core-select-establishment.mjs +11 -9
package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
package/fesm2022/lucca-front-ng-core-select-legal-units.mjs +8 -8
package/fesm2022/lucca-front-ng-core-select-legal-units.mjs.map +1 -1
package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
package/fesm2022/lucca-front-ng-core-select-user.mjs +22 -20
package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
package/fesm2022/lucca-front-ng-core-select.mjs +77 -62
package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
package/fesm2022/lucca-front-ng-core.mjs +19 -19
package/fesm2022/lucca-front-ng-data-table.mjs +40 -32
package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
package/fesm2022/lucca-front-ng-date.mjs +40 -40
package/fesm2022/lucca-front-ng-date2.mjs +93 -40
package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
package/fesm2022/lucca-front-ng-department.mjs +24 -24
package/fesm2022/lucca-front-ng-dialog.mjs +56 -48
package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
package/fesm2022/lucca-front-ng-divider.mjs +3 -3
package/fesm2022/lucca-front-ng-dropdown.mjs +42 -42
package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
package/fesm2022/lucca-front-ng-empty-state.mjs +9 -9
package/fesm2022/lucca-front-ng-error-page.mjs +3 -3
package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
package/fesm2022/lucca-front-ng-fancy-box.mjs +3 -3
package/fesm2022/lucca-front-ng-file-upload.mjs +33 -26
package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
package/fesm2022/lucca-front-ng-filter-pills-core.mjs +6 -6
package/fesm2022/lucca-front-ng-filter-pills.mjs +90 -21
package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
package/fesm2022/lucca-front-ng-footer.mjs +3 -3
package/fesm2022/lucca-front-ng-form-field.mjs +24 -20
package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
package/fesm2022/lucca-front-ng-form-header.mjs +3 -3
package/fesm2022/lucca-front-ng-form-label.mjs +3 -3
package/fesm2022/lucca-front-ng-form.mjs +3 -3
package/fesm2022/lucca-front-ng-formly.mjs +58 -58
package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +6 -6
package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +6 -6
package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +38 -37
package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
package/fesm2022/lucca-front-ng-forms.mjs +68 -48
package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
package/fesm2022/lucca-front-ng-gauge.mjs +3 -3
package/fesm2022/lucca-front-ng-grid.mjs +6 -6
package/fesm2022/lucca-front-ng-highlight-data.mjs +3 -3
package/fesm2022/lucca-front-ng-highlight-section.mjs +6 -3
package/fesm2022/lucca-front-ng-highlight-section.mjs.map +1 -1
package/fesm2022/lucca-front-ng-highlight-text.mjs +3 -3
package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +9 -9
package/fesm2022/lucca-front-ng-impersonation.mjs +5 -3
package/fesm2022/lucca-front-ng-impersonation.mjs.map +1 -1
package/fesm2022/lucca-front-ng-index-table.mjs +44 -38
package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
package/fesm2022/lucca-front-ng-inline-message.mjs +3 -3
package/fesm2022/lucca-front-ng-input.mjs +21 -21
package/fesm2022/lucca-front-ng-kbd.mjs +306 -0
package/fesm2022/lucca-front-ng-kbd.mjs.map +1 -0
package/fesm2022/lucca-front-ng-link.mjs +38 -14
package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
package/fesm2022/lucca-front-ng-listbox.mjs +13 -10
package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
package/fesm2022/lucca-front-ng-listing.mjs +21 -11
package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
package/fesm2022/lucca-front-ng-loading.mjs +51 -10
package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
package/fesm2022/lucca-front-ng-main-layout.mjs +6 -6
package/fesm2022/lucca-front-ng-markdown.mjs +3 -3
package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
package/fesm2022/lucca-front-ng-modal.mjs +22 -22
package/fesm2022/lucca-front-ng-multi-select.mjs +42 -42
package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
package/fesm2022/lucca-front-ng-number.mjs +7 -7
package/fesm2022/lucca-front-ng-option.mjs +130 -130
package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
package/fesm2022/lucca-front-ng-page-header.mjs +3 -3
package/fesm2022/lucca-front-ng-pagination.mjs +3 -3
package/fesm2022/lucca-front-ng-plg-push.mjs +3 -3
package/fesm2022/lucca-front-ng-popover.mjs +17 -17
package/fesm2022/lucca-front-ng-popover2.mjs +54 -21
package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
package/fesm2022/lucca-front-ng-popup.mjs +10 -10
package/fesm2022/lucca-front-ng-priority-level.mjs +128 -0
package/fesm2022/lucca-front-ng-priority-level.mjs.map +1 -0
package/fesm2022/lucca-front-ng-progress-bar.mjs +3 -3
package/fesm2022/lucca-front-ng-progress-stepper.mjs +6 -6
package/fesm2022/lucca-front-ng-read-more.mjs +6 -6
package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
package/fesm2022/lucca-front-ng-resource-card.mjs +12 -12
package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
package/fesm2022/lucca-front-ng-scroll-box.mjs +4 -4
package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
package/fesm2022/lucca-front-ng-scroll.mjs +9 -10
package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +8 -8
package/fesm2022/lucca-front-ng-segmented-control.mjs +8 -8
package/fesm2022/lucca-front-ng-select.mjs +14 -14
package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
package/fesm2022/lucca-front-ng-simple-select.mjs +16 -16
package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
package/fesm2022/lucca-front-ng-software-icon.mjs +3 -3
package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
package/fesm2022/lucca-front-ng-status-badge.mjs +3 -3
package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
package/fesm2022/lucca-front-ng-text-flow.mjs +4 -4
package/fesm2022/lucca-front-ng-text-flow.mjs.map +1 -1
package/fesm2022/lucca-front-ng-time.mjs +18 -18
package/fesm2022/lucca-front-ng-title.mjs +10 -10
package/fesm2022/lucca-front-ng-toast.mjs +10 -10
package/fesm2022/lucca-front-ng-tree-select.mjs +7 -7
package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
package/fesm2022/lucca-front-ng-user-popover.mjs +22 -22
package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
package/fesm2022/lucca-front-ng-user.mjs +68 -61
package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
package/package.json +23 -10
package/schematics/lib/local-deps/package-lock.json +7 -7
package/schematics/lib/local-deps/package.json +1 -1
package/schematics/lu-button/migration.js +59 -33
package/src/components/_sidepanel.scss +2 -2
package/src/components/cdk/_global.scss +4 -0
package/src/components/cdk/_overlay.scss +1 -1
package/src/definitions/option/_option-item.scss +7 -4
package/types/lucca-front-ng-a11y.d.ts +1 -1
package/types/lucca-front-ng-activity-feed.d.ts +13 -9
package/types/lucca-front-ng-api.d.ts +31 -31
package/types/lucca-front-ng-approbation-inbox.d.ts +22 -14
package/types/lucca-front-ng-bubble-icon.d.ts +5 -2
package/types/lucca-front-ng-callout.d.ts +17 -17
package/types/lucca-front-ng-chip.d.ts +7 -7
package/types/lucca-front-ng-clear.d.ts +2 -2
package/types/lucca-front-ng-color.d.ts +3 -3
package/types/lucca-front-ng-comment.d.ts +14 -14
package/types/lucca-front-ng-container.d.ts +1 -1
package/types/lucca-front-ng-core-select-api.d.ts +7 -7
package/types/lucca-front-ng-core-select-department.d.ts +7 -5
package/types/lucca-front-ng-core-select-establishment.d.ts +8 -6
package/types/lucca-front-ng-core-select-job-qualification.d.ts +2 -2
package/types/lucca-front-ng-core-select-legal-units.d.ts +3 -3
package/types/lucca-front-ng-core-select-occupation-category.d.ts +2 -2
package/types/lucca-front-ng-core-select-user.d.ts +14 -12
package/types/lucca-front-ng-core-select.d.ts +56 -41
package/types/lucca-front-ng-core.d.ts +5 -5
package/types/lucca-front-ng-data-table.d.ts +38 -33
package/types/lucca-front-ng-date.d.ts +13 -13
package/types/lucca-front-ng-date2.d.ts +56 -37
package/types/lucca-front-ng-department.d.ts +2 -2
package/types/lucca-front-ng-dialog.d.ts +9 -9
package/types/lucca-front-ng-divider.d.ts +2 -2
package/types/lucca-front-ng-dropdown.d.ts +2 -2
package/types/lucca-front-ng-empty-state.d.ts +20 -20
package/types/lucca-front-ng-establishment.d.ts +15 -15
package/types/lucca-front-ng-fancy-box.d.ts +12 -12
package/types/lucca-front-ng-file-upload.d.ts +21 -15
package/types/lucca-front-ng-filter-pills.d.ts +27 -18
package/types/lucca-front-ng-footer.d.ts +1 -1
package/types/lucca-front-ng-form-field.d.ts +19 -19
package/types/lucca-front-ng-form-label.d.ts +4 -4
package/types/lucca-front-ng-form.d.ts +1 -1
package/types/lucca-front-ng-forms-phone-number-input.d.ts +11 -11
package/types/lucca-front-ng-forms-rich-text-input.d.ts +11 -11
package/types/lucca-front-ng-forms.d.ts +59 -49
package/types/lucca-front-ng-grid.d.ts +23 -23
package/types/lucca-front-ng-highlight-data.d.ts +5 -5
package/types/lucca-front-ng-highlight-section.d.ts +6 -3
package/types/lucca-front-ng-horizontal-navigation.d.ts +4 -4
package/types/lucca-front-ng-impersonation.d.ts +8 -6
package/types/lucca-front-ng-index-table.d.ts +20 -18
package/types/lucca-front-ng-inline-message.d.ts +2 -2
package/types/lucca-front-ng-kbd.d.ts +59 -0
package/types/lucca-front-ng-link.d.ts +17 -4
package/types/lucca-front-ng-listbox.d.ts +10 -9
package/types/lucca-front-ng-listing.d.ts +14 -3
package/types/lucca-front-ng-loading.d.ts +18 -6
package/types/lucca-front-ng-main-layout.d.ts +9 -9
package/types/lucca-front-ng-modal.d.ts +4 -4
package/types/lucca-front-ng-multi-select.d.ts +21 -21
package/types/lucca-front-ng-option.d.ts +3 -3
package/types/lucca-front-ng-page-header.d.ts +2 -2
package/types/lucca-front-ng-pagination.d.ts +3 -3
package/types/lucca-front-ng-popover.d.ts +18 -18
package/types/lucca-front-ng-popover2.d.ts +9 -8
package/types/lucca-front-ng-popup.d.ts +4 -4
package/types/{lucca-front-ng-priority-levels.d.ts → lucca-front-ng-priority-level.d.ts} +11 -11
package/types/lucca-front-ng-progress-bar.d.ts +1 -1
package/types/lucca-front-ng-progress-stepper.d.ts +2 -2
package/types/lucca-front-ng-read-more.d.ts +6 -6
package/types/lucca-front-ng-resource-card.d.ts +3 -3
package/types/lucca-front-ng-segmented-control-tabs.d.ts +5 -5
package/types/lucca-front-ng-segmented-control.d.ts +3 -3
package/types/lucca-front-ng-select.d.ts +9 -9
package/types/lucca-front-ng-sidepanel.d.ts +1 -1
package/types/lucca-front-ng-simple-select.d.ts +9 -9
package/types/lucca-front-ng-software-icon.d.ts +1 -1
package/types/lucca-front-ng-sortable-list.d.ts +1 -1
package/types/lucca-front-ng-status-badge.d.ts +1 -1
package/types/lucca-front-ng-time.d.ts +19 -19
package/types/lucca-front-ng-title.d.ts +2 -2
package/types/lucca-front-ng-toast.d.ts +2 -2
package/types/lucca-front-ng-tree-select.d.ts +2 -2
package/types/lucca-front-ng-user-popover.d.ts +1 -2
package/types/lucca-front-ng-user.d.ts +26 -20
package/types/lucca-front-ng-vertical-navigation.d.ts +5 -5
package/fesm2022/lucca-front-ng-priority-levels.mjs +0 -128
package/fesm2022/lucca-front-ng-priority-levels.mjs.map +0 -1

package/fesm2022/lucca-front-ng-software-icon.mjs CHANGED Viewed

@@ -23,10 +23,10 @@ class SoftwareIconComponent {
         this.iconUrl = computed(() => `${this.domain}${this.path}${this.icon()}${this.extension}`, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "iconUrl" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SoftwareIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SoftwareIconComponent, isStandalone: true, selector: "lu-software-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, withTooltip: { classPropertyName: "withTooltip", publicName: "withTooltip", isSignal: true, isRequired: false, transformFunction: null }, iconAlt: { classPropertyName: "iconAlt", publicName: "iconAlt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n\tclass=\"softwareIcon\"\n\t[class.is-disabled]=\"disabled()\"\n\t[class.mod-XXS]=\"size() === 'XXS'\"\n\t[class.mod-XS]=\"size() === 'XS'\"\n\t[class.mod-S]=\"size() === 'S'\"\n\t[class.mod-L]=\"size() === 'L'\"\n\taria-hidden=\"true\"\n\t[innerHtml]=\"iconUrl() | luSafeExternalSvg\"\n\t[luTooltip]=\"iconAlt()\"\n\tluTooltipOnlyForDisplay\n\t[luTooltipDisabled]=\"!this.withTooltip() && !this.wrapper\"\n></span>\n<span class=\"pr-u-mask\" translate=\"no\">{{ iconAlt() }}</span>\n", styles: ["@layer components{.softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;display:var(--components-softwareIcon-display);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);z-index:var(--components-softwareIcon-zIndex);position:relative;transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.softwareIcon:focus-visible{outline:none}.softwareIcon-illustration{overflow:visible}.softwareIcon-illustration-bubble{stroke:var(--components-softwareIcon-illustration-bubble-stroke);stroke-width:var(--components-softwareIcon-illustration-bubble-strokeWidth)}.softwareIconWrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-25) 0;padding-inline-start:calc(var(--components-softwareIconWrapper-list-item-marginInlineStart) * -1)}.softwareIconWrapper-list{margin:0;padding:0;list-style-type:none;display:contents}.softwareIconWrapper-list-item{margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:68% 35% 45% 55%/40% 40% 64% 60%;background-color:var(--palettes-neutral-200);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);box-shadow:0 0 0 var(--components-softwareIcon-action-boxShadowSpread) var(--palettes-neutral-0);margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action-more{display:grid;place-items:center;font-family:var(--pr-t-font-family-brand);font-size:var(--components-softwareIconWrapper-action-more-fontSize);font-weight:var(--pr-t-font-fontWeight-semibold)}.softwareIconWrapper_popover{margin:0;padding:0;list-style-type:none;display:grid;max-inline-size:calc(var(--components-softwareIcon-size) * 8 + var(--pr-t-spacings-50) * 7);box-sizing:content-box;gap:var(--pr-t-spacings-50);grid-template-columns:repeat(auto-fit,minmax(var(--components-softwareIcon-size),1fr))}}@layer mods{.softwareIcon.mod-XXS{--components-softwareIcon-size: var(--pr-t-spacings-200)}.softwareIcon.mod-XS{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIcon.mod-S{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIcon.mod-L{--components-softwareIcon-size: var(--pr-t-spacings-600)}.softwareIcon.is-disabled{--components-softwareIcon-disabled-100: var(--palettes-neutral-100);--components-softwareIcon-disabled-200: var(--palettes-neutral-200);--components-softwareIcon-disabled-300: var(--palettes-neutral-300);--components-softwareIcon-disabled-400: var(--palettes-neutral-400);--components-softwareIcon-disabled-500: var(--palettes-neutral-500);--components-softwareIcon-disabled-600: var(--palettes-neutral-600)}}@layer components{.softwareIconWrapper{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-75) * -1);--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-225)}}@layer mods{.softwareIconWrapper.mod-XS{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-150);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1);--components-softwareIcon-action-boxShadowSpread: 1px}.softwareIconWrapper.mod-XS,.softwareIconWrapper.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper.mod-S{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-200);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1)}.softwareIconWrapper.mod-S,.softwareIconWrapper.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIconWrapper .softwareIcon,.softwareIconWrapper .softwareIconWrapper-action{--components-softwareIcon-illustration-bubble-stroke: var(--palettes-neutral-0);--components-softwareIcon-illustration-bubble-strokeWidth: 4px;--components-softwareIcon-display: block}.softwareIconWrapper .softwareIcon:hover,.softwareIconWrapper .softwareIcon:focus,.softwareIconWrapper .softwareIconWrapper-action:hover,.softwareIconWrapper .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}}@layer components{.softwareIconWrapper_popover{--components-softwareIcon-size: var(--pr-t-spacings-500)}}@layer mods{.softwareIconWrapper_popover .softwareIcon,.softwareIconWrapper_popover .softwareIconWrapper-action{--components-softwareIcon-display: block}.softwareIconWrapper_popover .softwareIcon:hover,.softwareIconWrapper_popover .softwareIcon:focus,.softwareIconWrapper_popover .softwareIconWrapper-action:hover,.softwareIconWrapper_popover .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}.softwareIconWrapper_popover.mod-XS,.softwareIconWrapper_popover.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper_popover.mod-S,.softwareIconWrapper_popover.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}}lu-software-icon{display:contents}\n"], dependencies: [{ kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SoftwareIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: SoftwareIconComponent, isStandalone: true, selector: "lu-software-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, withTooltip: { classPropertyName: "withTooltip", publicName: "withTooltip", isSignal: true, isRequired: false, transformFunction: null }, iconAlt: { classPropertyName: "iconAlt", publicName: "iconAlt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n\tclass=\"softwareIcon\"\n\t[class.is-disabled]=\"disabled()\"\n\t[class.mod-XXS]=\"size() === 'XXS'\"\n\t[class.mod-XS]=\"size() === 'XS'\"\n\t[class.mod-S]=\"size() === 'S'\"\n\t[class.mod-L]=\"size() === 'L'\"\n\taria-hidden=\"true\"\n\t[innerHtml]=\"iconUrl() | luSafeExternalSvg\"\n\t[luTooltip]=\"iconAlt()\"\n\tluTooltipOnlyForDisplay\n\t[luTooltipDisabled]=\"!this.withTooltip() && !this.wrapper\"\n></span>\n<span class=\"pr-u-mask\" translate=\"no\">{{ iconAlt() }}</span>\n", styles: ["@layer components{.softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;display:var(--components-softwareIcon-display);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);z-index:var(--components-softwareIcon-zIndex);position:relative;transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.softwareIcon:focus-visible{outline:none}.softwareIcon-illustration{overflow:visible}.softwareIcon-illustration-bubble{stroke:var(--components-softwareIcon-illustration-bubble-stroke);stroke-width:var(--components-softwareIcon-illustration-bubble-strokeWidth)}.softwareIconWrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-25) 0;padding-inline-start:calc(var(--components-softwareIconWrapper-list-item-marginInlineStart) * -1)}.softwareIconWrapper-list{margin:0;padding:0;list-style-type:none;display:contents}.softwareIconWrapper-list-item{margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:68% 35% 45% 55%/40% 40% 64% 60%;background-color:var(--palettes-neutral-200);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);box-shadow:0 0 0 var(--components-softwareIcon-action-boxShadowSpread) var(--palettes-neutral-0);margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action-more{display:grid;place-items:center;font-family:var(--pr-t-font-family-brand);font-size:var(--components-softwareIconWrapper-action-more-fontSize);font-weight:var(--pr-t-font-fontWeight-semibold)}.softwareIconWrapper_popover{margin:0;padding:0;list-style-type:none;display:grid;max-inline-size:calc(var(--components-softwareIcon-size) * 8 + var(--pr-t-spacings-50) * 7);box-sizing:content-box;gap:var(--pr-t-spacings-50);grid-template-columns:repeat(auto-fit,minmax(var(--components-softwareIcon-size),1fr))}}@layer mods{.softwareIcon.mod-XXS{--components-softwareIcon-size: var(--pr-t-spacings-200)}.softwareIcon.mod-XS{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIcon.mod-S{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIcon.mod-L{--components-softwareIcon-size: var(--pr-t-spacings-600)}.softwareIcon.is-disabled{--components-softwareIcon-disabled-100: var(--palettes-neutral-100);--components-softwareIcon-disabled-200: var(--palettes-neutral-200);--components-softwareIcon-disabled-300: var(--palettes-neutral-300);--components-softwareIcon-disabled-400: var(--palettes-neutral-400);--components-softwareIcon-disabled-500: var(--palettes-neutral-500);--components-softwareIcon-disabled-600: var(--palettes-neutral-600)}}@layer components{.softwareIconWrapper{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-75) * -1);--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-225)}}@layer mods{.softwareIconWrapper.mod-XS{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-150);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1);--components-softwareIcon-action-boxShadowSpread: 1px}.softwareIconWrapper.mod-XS,.softwareIconWrapper.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper.mod-S{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-200);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1)}.softwareIconWrapper.mod-S,.softwareIconWrapper.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIconWrapper .softwareIcon,.softwareIconWrapper .softwareIconWrapper-action{--components-softwareIcon-illustration-bubble-stroke: var(--palettes-neutral-0);--components-softwareIcon-illustration-bubble-strokeWidth: 4px;--components-softwareIcon-display: block}.softwareIconWrapper .softwareIcon:hover,.softwareIconWrapper .softwareIcon:focus,.softwareIconWrapper .softwareIconWrapper-action:hover,.softwareIconWrapper .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}}@layer components{.softwareIconWrapper_popover{--components-softwareIcon-size: var(--pr-t-spacings-500)}}@layer mods{.softwareIconWrapper_popover .softwareIcon,.softwareIconWrapper_popover .softwareIconWrapper-action{--components-softwareIcon-display: block}.softwareIconWrapper_popover .softwareIcon:hover,.softwareIconWrapper_popover .softwareIcon:focus,.softwareIconWrapper_popover .softwareIconWrapper-action:hover,.softwareIconWrapper_popover .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}.softwareIconWrapper_popover.mod-XS,.softwareIconWrapper_popover.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper_popover.mod-S,.softwareIconWrapper_popover.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}}lu-software-icon{display:contents}\n"], dependencies: [{ kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SoftwareIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SoftwareIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-software-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe, LuTooltipTriggerDirective], template: "<span\n\tclass=\"softwareIcon\"\n\t[class.is-disabled]=\"disabled()\"\n\t[class.mod-XXS]=\"size() === 'XXS'\"\n\t[class.mod-XS]=\"size() === 'XS'\"\n\t[class.mod-S]=\"size() === 'S'\"\n\t[class.mod-L]=\"size() === 'L'\"\n\taria-hidden=\"true\"\n\t[innerHtml]=\"iconUrl() | luSafeExternalSvg\"\n\t[luTooltip]=\"iconAlt()\"\n\tluTooltipOnlyForDisplay\n\t[luTooltipDisabled]=\"!this.withTooltip() && !this.wrapper\"\n></span>\n<span class=\"pr-u-mask\" translate=\"no\">{{ iconAlt() }}</span>\n", styles: ["@layer components{.softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;display:var(--components-softwareIcon-display);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);z-index:var(--components-softwareIcon-zIndex);position:relative;transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.softwareIcon:focus-visible{outline:none}.softwareIcon-illustration{overflow:visible}.softwareIcon-illustration-bubble{stroke:var(--components-softwareIcon-illustration-bubble-stroke);stroke-width:var(--components-softwareIcon-illustration-bubble-strokeWidth)}.softwareIconWrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-25) 0;padding-inline-start:calc(var(--components-softwareIconWrapper-list-item-marginInlineStart) * -1)}.softwareIconWrapper-list{margin:0;padding:0;list-style-type:none;display:contents}.softwareIconWrapper-list-item{margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:68% 35% 45% 55%/40% 40% 64% 60%;background-color:var(--palettes-neutral-200);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);box-shadow:0 0 0 var(--components-softwareIcon-action-boxShadowSpread) var(--palettes-neutral-0);margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action-more{display:grid;place-items:center;font-family:var(--pr-t-font-family-brand);font-size:var(--components-softwareIconWrapper-action-more-fontSize);font-weight:var(--pr-t-font-fontWeight-semibold)}.softwareIconWrapper_popover{margin:0;padding:0;list-style-type:none;display:grid;max-inline-size:calc(var(--components-softwareIcon-size) * 8 + var(--pr-t-spacings-50) * 7);box-sizing:content-box;gap:var(--pr-t-spacings-50);grid-template-columns:repeat(auto-fit,minmax(var(--components-softwareIcon-size),1fr))}}@layer mods{.softwareIcon.mod-XXS{--components-softwareIcon-size: var(--pr-t-spacings-200)}.softwareIcon.mod-XS{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIcon.mod-S{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIcon.mod-L{--components-softwareIcon-size: var(--pr-t-spacings-600)}.softwareIcon.is-disabled{--components-softwareIcon-disabled-100: var(--palettes-neutral-100);--components-softwareIcon-disabled-200: var(--palettes-neutral-200);--components-softwareIcon-disabled-300: var(--palettes-neutral-300);--components-softwareIcon-disabled-400: var(--palettes-neutral-400);--components-softwareIcon-disabled-500: var(--palettes-neutral-500);--components-softwareIcon-disabled-600: var(--palettes-neutral-600)}}@layer components{.softwareIconWrapper{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-75) * -1);--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-225)}}@layer mods{.softwareIconWrapper.mod-XS{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-150);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1);--components-softwareIcon-action-boxShadowSpread: 1px}.softwareIconWrapper.mod-XS,.softwareIconWrapper.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper.mod-S{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-200);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1)}.softwareIconWrapper.mod-S,.softwareIconWrapper.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIconWrapper .softwareIcon,.softwareIconWrapper .softwareIconWrapper-action{--components-softwareIcon-illustration-bubble-stroke: var(--palettes-neutral-0);--components-softwareIcon-illustration-bubble-strokeWidth: 4px;--components-softwareIcon-display: block}.softwareIconWrapper .softwareIcon:hover,.softwareIconWrapper .softwareIcon:focus,.softwareIconWrapper .softwareIconWrapper-action:hover,.softwareIconWrapper .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}}@layer components{.softwareIconWrapper_popover{--components-softwareIcon-size: var(--pr-t-spacings-500)}}@layer mods{.softwareIconWrapper_popover .softwareIcon,.softwareIconWrapper_popover .softwareIconWrapper-action{--components-softwareIcon-display: block}.softwareIconWrapper_popover .softwareIcon:hover,.softwareIconWrapper_popover .softwareIcon:focus,.softwareIconWrapper_popover .softwareIconWrapper-action:hover,.softwareIconWrapper_popover .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}.softwareIconWrapper_popover.mod-XS,.softwareIconWrapper_popover.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper_popover.mod-S,.softwareIconWrapper_popover.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}}lu-software-icon{display:contents}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], withTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "withTooltip", required: false }] }], iconAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconAlt", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });

package/fesm2022/lucca-front-ng-sortable-list.mjs CHANGED Viewed

@@ -39,10 +39,10 @@ class SortableListItemComponent {
          */
         this.delete = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SortableListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: SortableListItemComponent, isStandalone: true, selector: "lu-sortable-list-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, unclearable: { classPropertyName: "unclearable", publicName: "unclearable", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { delete: "delete" }, host: { attributes: { "role": "listitem" }, properties: { "class.mod-clickable": "clickable()", "class.mod-S": "small()" }, classAttribute: "sortableList-item" }, ngImport: i0, template: "@if (drag()) {\n\t<span class=\"sortableList-item-handler button\" cdkDragHandle>\n\t\t<lu-icon icon=\"drag\" />\n\t</span>\n}\n<div class=\"sortableList-item-content\">\n\t<p class=\"sortableList-item-content-description\"><ng-container *luPortal=\"label()\" /></p>\n\t@if (helperMessage()?.length) {\n\t\t<p class=\"sortableList-item-content-helper\">{{ helperMessage() }}</p>\n\t}\n</div>\n@if (!unclearable()) {\n\t<lu-clear class=\"sortableList-clear\" (onClear)=\"delete.emit()\" />\n}\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";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;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\n"], dependencies: [{ kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SortableListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: SortableListItemComponent, isStandalone: true, selector: "lu-sortable-list-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, unclearable: { classPropertyName: "unclearable", publicName: "unclearable", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { delete: "delete" }, host: { attributes: { "role": "listitem" }, properties: { "class.mod-clickable": "clickable()", "class.mod-S": "small()" }, classAttribute: "sortableList-item" }, ngImport: i0, template: "@if (drag()) {\n\t<span class=\"sortableList-item-handler button\" cdkDragHandle>\n\t\t<lu-icon icon=\"drag\" />\n\t</span>\n}\n<div class=\"sortableList-item-content\">\n\t<p class=\"sortableList-item-content-description\"><ng-container *luPortal=\"label()\" /></p>\n\t@if (helperMessage()?.length) {\n\t\t<p class=\"sortableList-item-content-helper\">{{ helperMessage() }}</p>\n\t}\n</div>\n@if (!unclearable()) {\n\t<lu-clear class=\"sortableList-clear\" (onClear)=\"delete.emit()\" />\n}\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";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;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\n"], dependencies: [{ kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SortableListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SortableListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-sortable-list-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ClearComponent, CdkDragHandle, IconComponent, LuTooltipModule, PortalDirective], host: {
                         class: 'sortableList-item',
@@ -60,10 +60,10 @@ class SortableListComponent {
         this.small = input(false, { ...(ngDevMode ? { debugName: "small" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         this.sortableListItems = contentChildren(SortableListItemComponent, { ...(ngDevMode ? { debugName: "sortableListItems" } : /* istanbul ignore next */ {}), descendants: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: SortableListComponent, isStandalone: true, selector: "lu-sortable-list", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "sortableListItems", predicate: SortableListItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";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;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\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: SortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: SortableListComponent, isStandalone: true, selector: "lu-sortable-list", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "sortableListItems", predicate: SortableListItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";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;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SortableListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SortableListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-sortable-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";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;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\n"] }]
         }], propDecorators: { small: [{ type: i0.Input, args: [{ isSignal: true, alias: "small", required: false }] }], sortableListItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SortableListItemComponent), { ...{ descendants: true }, isSignal: true }] }] } });

package/fesm2022/lucca-front-ng-status-badge.mjs CHANGED Viewed

@@ -36,10 +36,10 @@ class StatusBadgeComponent {
     ngOnChanges() {
         this.#luClass.setState({ [`palette-${this.palette()}`]: !!this.palette(), [`mod-${this.size()}`]: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StatusBadgeComponent, isStandalone: true, selector: "lu-status-badge", inputs: { withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "statusBadge" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n", styles: ["@charset \"UTF-8\";@layer components{.statusBadge{--components-statusBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-statusBadge-dot-size: .5rem;--components-statusBadge-dot-top: var(--pr-t-spacings-50);align-items:flex-start;background-color:var(--palettes-100, var(--palettes-product-100));border-radius:var(--pr-t-border-radius-full);display:inline-flex;font-size:var(--components-statusBadge-fontSize);font-weight:var(--pr-t-font-fontWeight-regular);font-family:var(--pr-t-font-family);line-height:var(--components-statusBadge-lineHeight);gap:var(--pr-t-spacings-50);padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-75) var(--pr-t-spacings-100);white-space:nowrap;max-inline-size:100%;color:var(--pr-t-color-text)}.statusBadge:before{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-full);content:\"\\a0\"/\"\";display:block;block-size:var(--components-statusBadge-dot-size);flex-shrink:0;inline-size:var(--components-statusBadge-dot-size);inset-block-start:var(--components-statusBadge-dot-top);position:relative}.statusBadge-content{overflow:hidden;text-overflow:ellipsis;outline:none}}@layer mods{.statusBadge.mod-L{--components-statusBadge-fontSize: var(--pr-t-font-body-M-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-statusBadge-dot-size: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-statusBadge-dot-top: .325rem}}.statusBadge:has(.statusBadge-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: StatusBadgeComponent, isStandalone: true, selector: "lu-status-badge", inputs: { withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "statusBadge" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n", styles: ["@charset \"UTF-8\";@layer components{.statusBadge{--components-statusBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-statusBadge-dot-size: .5rem;--components-statusBadge-dot-top: var(--pr-t-spacings-50);align-items:flex-start;background-color:var(--palettes-100, var(--palettes-product-100));border-radius:var(--pr-t-border-radius-full);display:inline-flex;font-size:var(--components-statusBadge-fontSize);font-weight:var(--pr-t-font-fontWeight-regular);font-family:var(--pr-t-font-family);line-height:var(--components-statusBadge-lineHeight);gap:var(--pr-t-spacings-50);padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-75) var(--pr-t-spacings-100);white-space:nowrap;max-inline-size:100%;color:var(--pr-t-color-text)}.statusBadge:before{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-full);content:\"\\a0\"/\"\";display:block;block-size:var(--components-statusBadge-dot-size);flex-shrink:0;inline-size:var(--components-statusBadge-dot-size);inset-block-start:var(--components-statusBadge-dot-top);position:relative}.statusBadge-content{overflow:hidden;text-overflow:ellipsis;outline:none}}@layer mods{.statusBadge.mod-L{--components-statusBadge-fontSize: var(--pr-t-font-body-M-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-statusBadge-dot-size: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-statusBadge-dot-top: .325rem}}.statusBadge:has(.statusBadge-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StatusBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: StatusBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-status-badge', encapsulation: ViewEncapsulation.None, providers: [LuClass], imports: [LuTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'statusBadge',

package/fesm2022/lucca-front-ng-table-of-content.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ class TableOfContentLinkDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TableOfContentLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: TableOfContentLinkDirective, isStandalone: true, selector: "[luTableOfContentLink]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableOfContentLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: TableOfContentLinkDirective, isStandalone: true, selector: "[luTableOfContentLink]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TableOfContentLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableOfContentLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luTableOfContentLink]',
@@ -21,10 +21,10 @@ class TableOfContentComponent {
         this.links = contentChildren(TableOfContentLinkDirective, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: TableOfContentComponent, isStandalone: true, selector: "lu-table-of-content", host: { attributes: { "role": "navigation" }, classAttribute: "tableOfContent" }, queries: [{ propertyName: "links", predicate: TableOfContentLinkDirective, isSignal: true }], ngImport: i0, template: "<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n", styles: ["@layer components{.tableOfContent{--components-tableOfContent-default-palette-50: var(--palettes-product-50);--components-tableOfContent-default-palette-100: var(--palettes-product-100);--components-tableOfContent-default-palette-200: var(--palettes-product-200);--components-tableOfContent-default-palette-300: var(--palettes-product-300);--components-tableOfContent-default-palette-400: var(--palettes-product-400);--components-tableOfContent-default-palette-500: var(--palettes-product-500);--components-tableOfContent-default-palette-600: var(--palettes-product-600);--components-tableOfContent-default-palette-700: var(--palettes-product-700);--components-tableOfContent-default-palette-800: var(--palettes-product-800);--components-tableOfContent-default-palette-900: var(--palettes-product-900);--components-tableOfContent-item-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-tableOfContent-item-border-width: 2px;align-items:flex-start;display:flex;flex-direction:column;position:sticky}.tableOfContent-list{margin:0;padding:0;list-style-type:none}.tableOfContent-list-item-action,.tableOfContent-list-item>a{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;font:inherit;border-radius:var(--pr-t-border-radius-default);color:var(--palettes-neutral-700);cursor:pointer;display:block;outline:none;padding:var(--components-tableOfContent-item-padding);position:relative;transition:all var(--commons-animations-durations-standard);text-decoration:none;inline-size:auto}}@layer mods{.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:hover){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:focus){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-100, var(--components-tableOfContent-default-palette-100)),inset 0 0 0 1px var(--palettes-300, var(--components-tableOfContent-default-palette-300))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:active){background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active,.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active{background-color:var(--palettes-50, var(--components-tableOfContent-default-palette-50));color:var(--palettes-700, var(--components-tableOfContent-default-palette-700))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100));box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:active){background-color:var(--palettes-200, var(--components-tableOfContent-default-palette-200));box-shadow:0 0 0 4px var(--palettes-300, var(--components-tableOfContent-default-palette-300)),inset 0 0 0 1px var(--palettes-500, var(--components-tableOfContent-default-palette-500));color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:is(.disabled,.is-disabled,[disabled]),.tableOfContent-list-item>a:is(.disabled,.is-disabled,[disabled]){color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: TableOfContentComponent, isStandalone: true, selector: "lu-table-of-content", host: { attributes: { "role": "navigation" }, classAttribute: "tableOfContent" }, queries: [{ propertyName: "links", predicate: TableOfContentLinkDirective, isSignal: true }], ngImport: i0, template: "<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n", styles: ["@layer components{.tableOfContent{--components-tableOfContent-default-palette-50: var(--palettes-product-50);--components-tableOfContent-default-palette-100: var(--palettes-product-100);--components-tableOfContent-default-palette-200: var(--palettes-product-200);--components-tableOfContent-default-palette-300: var(--palettes-product-300);--components-tableOfContent-default-palette-400: var(--palettes-product-400);--components-tableOfContent-default-palette-500: var(--palettes-product-500);--components-tableOfContent-default-palette-600: var(--palettes-product-600);--components-tableOfContent-default-palette-700: var(--palettes-product-700);--components-tableOfContent-default-palette-800: var(--palettes-product-800);--components-tableOfContent-default-palette-900: var(--palettes-product-900);--components-tableOfContent-item-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-tableOfContent-item-border-width: 2px;align-items:flex-start;display:flex;flex-direction:column;position:sticky}.tableOfContent-list{margin:0;padding:0;list-style-type:none}.tableOfContent-list-item-action,.tableOfContent-list-item>a{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;font:inherit;border-radius:var(--pr-t-border-radius-default);color:var(--palettes-neutral-700);cursor:pointer;display:block;outline:none;padding:var(--components-tableOfContent-item-padding);position:relative;transition:all var(--commons-animations-durations-standard);text-decoration:none;inline-size:auto}}@layer mods{.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:hover){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:focus){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-100, var(--components-tableOfContent-default-palette-100)),inset 0 0 0 1px var(--palettes-300, var(--components-tableOfContent-default-palette-300))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:active){background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active,.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active{background-color:var(--palettes-50, var(--components-tableOfContent-default-palette-50));color:var(--palettes-700, var(--components-tableOfContent-default-palette-700))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100));box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:active){background-color:var(--palettes-200, var(--components-tableOfContent-default-palette-200));box-shadow:0 0 0 4px var(--palettes-300, var(--components-tableOfContent-default-palette-300)),inset 0 0 0 1px var(--palettes-500, var(--components-tableOfContent-default-palette-500));color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:is(.disabled,.is-disabled,[disabled]),.tableOfContent-list-item>a:is(.disabled,.is-disabled,[disabled]){color:var(--palettes-neutral-500);pointer-events:none}}\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: TableOfContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableOfContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-table-of-content', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'tableOfContent',

package/fesm2022/lucca-front-ng-text-flow.mjs CHANGED Viewed

@@ -2,14 +2,14 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 class TextFlowComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TextFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: TextFlowComponent, isStandalone: true, selector: "lu-text-flow", host: { classAttribute: "textFlow" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.textFlow{overflow-wrap:anywhere}.textFlow h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\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: TextFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: TextFlowComponent, isStandalone: true, selector: "lu-text-flow", host: { classAttribute: "textFlow" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.textFlow{overflow-wrap:anywhere}.textFlow h1,.textFlow .pr-u-h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2,.textFlow .pr-u-h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3,.textFlow .pr-u-h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4,.textFlow .pr-u-h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TextFlowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TextFlowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-text-flow', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'textFlow',
-                    }, styles: ["@layer components{.textFlow{overflow-wrap:anywhere}.textFlow h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"] }]
+                    }, styles: ["@layer components{.textFlow{overflow-wrap:anywhere}.textFlow h1,.textFlow .pr-u-h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2,.textFlow .pr-u-h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3,.textFlow .pr-u-h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4,.textFlow .pr-u-h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"] }]
         }] });
 /**

package/fesm2022/lucca-front-ng-text-flow.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lucca-front-ng-text-flow.mjs","sources":["../../../packages/ng/text-flow/text-flow.component.ts","../../../packages/ng/text-flow/lucca-front-ng-text-flow.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-text-flow',\n\ttemplate: '<ng-content />',\n\tstyleUrl: './text-flow.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'textFlow',\n\t},\n})\nexport class TextFlowComponent {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAYa,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,8GARnB,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~wkBAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQd,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACC,cAAc,EAAA,QAAA,EACd,gBAAgB,EAAA,aAAA,EAEX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,UAAU;AACjB,qBAAA,EAAA,MAAA,EAAA,CAAA,~~wkBAAA~~,CAAA,EAAA;;;ACVF;;AAEG;;"}
1	+ {"version":3,"file":"lucca-front-ng-text-flow.mjs","sources":["../../../packages/ng/text-flow/text-flow.component.ts","../../../packages/ng/text-flow/lucca-front-ng-text-flow.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-text-flow',\n\ttemplate: '<ng-content />',\n\tstyleUrl: './text-flow.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'textFlow',\n\t},\n})\nexport class TextFlowComponent {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAYa,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,8GARnB,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,opBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQd,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACC,cAAc,EAAA,QAAA,EACd,gBAAgB,EAAA,aAAA,EAEX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,UAAU;AACjB,qBAAA,EAAA,MAAA,EAAA,CAAA,opBAAA,CAAA,EAAA;;;ACVF;;AAEG;;"}

package/fesm2022/lucca-front-ng-time.mjs CHANGED Viewed

@@ -53,10 +53,10 @@ class BasePickerComponent {
             this.minutesPart()?.focus();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BasePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.4", type: BasePickerComponent, isStandalone: true, selector: "ng-component", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, viewQueries: [{ propertyName: "hoursPart", first: true, predicate: ["hoursPart"], descendants: true, isSignal: true }, { propertyName: "minutesPart", first: true, predicate: ["minutesPart"], descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: BasePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: BasePickerComponent, isStandalone: true, selector: "ng-component", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, viewQueries: [{ propertyName: "hoursPart", first: true, predicate: ["hoursPart"], descendants: true, isSignal: true }, { propertyName: "minutesPart", first: true, predicate: ["minutesPart"], descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BasePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: BasePickerComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -211,10 +211,10 @@ class RepeatOnHoldDirective {
         window.removeEventListener('mouseup', this.onWindowMouseUp);
         this.cancelAnimationFrame();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: RepeatOnHoldDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: RepeatOnHoldDirective, isStandalone: true, selector: "[luRepeatOnHold]", outputs: { hold: "hold" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: RepeatOnHoldDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: RepeatOnHoldDirective, isStandalone: true, selector: "[luRepeatOnHold]", outputs: { hold: "hold" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: RepeatOnHoldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: RepeatOnHoldDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luRepeatOnHold]',
@@ -367,10 +367,10 @@ class TimePickerPartComponent {
             this.timePickerInput()?.nativeElement.focus();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TimePickerPartComponent, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: TimePickerPartComponent, isStandalone: true, selector: "lu-time-picker-part", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, decimalConf: { classPropertyName: "decimalConf", publicName: "decimalConf", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, autoWidth: { classPropertyName: "autoWidth", publicName: "autoWidth", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, hideValue: { classPropertyName: "hideValue", publicName: "hideValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, maxDigits: { classPropertyName: "maxDigits", publicName: "maxDigits", isSignal: true, isRequired: false, transformFunction: null }, showZero: { classPropertyName: "showZero", publicName: "showZero", isSignal: true, isRequired: false, transformFunction: null }, digitNumber: { classPropertyName: "digitNumber", publicName: "digitNumber", isSignal: true, isRequired: false, transformFunction: null }, isValueSet: { classPropertyName: "isValueSet", publicName: "isValueSet", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", digitNumber: "digitNumberChange", isValueSet: "isValueSetChange", prevRequest: "prevRequest", nextRequest: "nextRequest", nonDigitKeyPressed: "nonDigitKeyPressed", inputControlClick: "inputControlClick", touched: "touched" }, viewQueries: [{ propertyName: "timePickerInput", first: true, predicate: ["timePickerInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"timePicker-fieldset-group-textfield\">\n\t<label luFormLabel class=\"pr-u-mask\" [attr.id]=\"`${inputId}-label`\" [attr.for]=\"`${inputId}-input`\">{{ label() }}</label>\n\t<div class=\"timePicker-fieldset-group-textfield\">\n\t\t<input\n\t\t\t#timePickerInput\n\t\t\ttype=\"text\"\n\t\t\tluInput\n\t\t\tluInputStandalone\n\t\t\tinputmode=\"numeric\"\n\t\t\t[attr.id]=\"inputId + '-input'\"\n\t\t\tclass=\"timePicker-fieldset-group-textfield-input\"\n\t\t\t[attr.aria-labelledby]=\"inputId + '-label'\"\n\t\t\tautocomplete=\"off\"\n\t\t\t[value]=\"currentValue()\"\n\t\t\t(input)=\"keysInputHandler($event)\"\n\t\t\t(click)=\"clickHandler($event)\"\n\t\t\t(keydown)=\"keydownHandler($event)\"\n\t\t\t(blur)=\"touched.emit()\"\n\t\t\t(focus)=\"timePickerInput.select()\"\n\t\t\t[style]=\"'--components-timepicker-input-digits:' + digitNumber()\"\n\t\t/>\n\t\t<span aria-hidden=\"true\" class=\"timePicker-fieldset-group-textfield-display\" [attr.data-content-before]=\"valueLabel()\"></span>\n\t</div>\n\t@if (displayArrows()) {\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"up()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-northArrow\"></span>\n\t\t\t<span class=\"pr-u-mask\">\u2212</span>\n\t\t</button>\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"down()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-southArrow\"></span>\n\t\t\t<span class=\"pr-u-mask\">+</span>\n\t\t</button>\n\t}\n</div>\n", dependencies: [{ kind: "directive", type: RepeatOnHoldDirective, selector: "[luRepeatOnHold]", outputs: ["hold"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone", "luInputLabelledBy", "luInputDescribedBy"] }, { kind: "component", type: FormLabelComponent, selector: "label[luFormLabel], legend[luFormLabel]", inputs: ["intl", "required", "error", "tooltip", "tag", "size", "counterStatus", "counterMax", "counterId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TimePickerPartComponent, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: TimePickerPartComponent, isStandalone: true, selector: "lu-time-picker-part", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, decimalConf: { classPropertyName: "decimalConf", publicName: "decimalConf", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, autoWidth: { classPropertyName: "autoWidth", publicName: "autoWidth", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, hideValue: { classPropertyName: "hideValue", publicName: "hideValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, maxDigits: { classPropertyName: "maxDigits", publicName: "maxDigits", isSignal: true, isRequired: false, transformFunction: null }, showZero: { classPropertyName: "showZero", publicName: "showZero", isSignal: true, isRequired: false, transformFunction: null }, digitNumber: { classPropertyName: "digitNumber", publicName: "digitNumber", isSignal: true, isRequired: false, transformFunction: null }, isValueSet: { classPropertyName: "isValueSet", publicName: "isValueSet", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", digitNumber: "digitNumberChange", isValueSet: "isValueSetChange", prevRequest: "prevRequest", nextRequest: "nextRequest", nonDigitKeyPressed: "nonDigitKeyPressed", inputControlClick: "inputControlClick", touched: "touched" }, viewQueries: [{ propertyName: "timePickerInput", first: true, predicate: ["timePickerInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"timePicker-fieldset-group-textfield\">\n\t<label luFormLabel class=\"pr-u-mask\" [attr.id]=\"`${inputId}-label`\" [attr.for]=\"`${inputId}-input`\">{{ label() }}</label>\n\t<div class=\"timePicker-fieldset-group-textfield\">\n\t\t<input\n\t\t\t#timePickerInput\n\t\t\ttype=\"text\"\n\t\t\tluInput\n\t\t\tluInputStandalone\n\t\t\tinputmode=\"numeric\"\n\t\t\t[attr.id]=\"inputId + '-input'\"\n\t\t\tclass=\"timePicker-fieldset-group-textfield-input\"\n\t\t\t[attr.aria-labelledby]=\"inputId + '-label'\"\n\t\t\tautocomplete=\"off\"\n\t\t\t[value]=\"currentValue()\"\n\t\t\t(input)=\"keysInputHandler($event)\"\n\t\t\t(click)=\"clickHandler($event)\"\n\t\t\t(keydown)=\"keydownHandler($event)\"\n\t\t\t(blur)=\"touched.emit()\"\n\t\t\t(focus)=\"timePickerInput.select()\"\n\t\t\t[style]=\"'--components-timepicker-input-digits:' + digitNumber()\"\n\t\t/>\n\t\t<span aria-hidden=\"true\" class=\"timePicker-fieldset-group-textfield-display\" [attr.data-content-before]=\"valueLabel()\"></span>\n\t</div>\n\t@if (displayArrows()) {\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"up()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-northArrow\"></span>\n\t\t\t<span class=\"pr-u-mask\">\u2212</span>\n\t\t</button>\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"down()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-southArrow\"></span>\n\t\t\t<span class=\"pr-u-mask\">+</span>\n\t\t</button>\n\t}\n</div>\n", dependencies: [{ kind: "directive", type: RepeatOnHoldDirective, selector: "[luRepeatOnHold]", outputs: ["hold"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone", "luInputLabelledBy", "luInputDescribedBy"] }, { kind: "component", type: FormLabelComponent, selector: "label[luFormLabel], legend[luFormLabel]", inputs: ["intl", "required", "error", "tooltip", "tag", "size", "counterStatus", "counterMax", "counterId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TimePickerPartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TimePickerPartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-time-picker-part', imports: [RepeatOnHoldDirective, InputDirective, FormLabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"timePicker-fieldset-group-textfield\">\n\t<label luFormLabel class=\"pr-u-mask\" [attr.id]=\"`${inputId}-label`\" [attr.for]=\"`${inputId}-input`\">{{ label() }}</label>\n\t<div class=\"timePicker-fieldset-group-textfield\">\n\t\t<input\n\t\t\t#timePickerInput\n\t\t\ttype=\"text\"\n\t\t\tluInput\n\t\t\tluInputStandalone\n\t\t\tinputmode=\"numeric\"\n\t\t\t[attr.id]=\"inputId + '-input'\"\n\t\t\tclass=\"timePicker-fieldset-group-textfield-input\"\n\t\t\t[attr.aria-labelledby]=\"inputId + '-label'\"\n\t\t\tautocomplete=\"off\"\n\t\t\t[value]=\"currentValue()\"\n\t\t\t(input)=\"keysInputHandler($event)\"\n\t\t\t(click)=\"clickHandler($event)\"\n\t\t\t(keydown)=\"keydownHandler($event)\"\n\t\t\t(blur)=\"touched.emit()\"\n\t\t\t(focus)=\"timePickerInput.select()\"\n\t\t\t[style]=\"'--components-timepicker-input-digits:' + digitNumber()\"\n\t\t/>\n\t\t<span aria-hidden=\"true\" class=\"timePicker-fieldset-group-textfield-display\" [attr.data-content-before]=\"valueLabel()\"></span>\n\t</div>\n\t@if (displayArrows()) {\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"up()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-northArrow\"></span>\n\t\t\t<span class=\"pr-u-mask\">\u2212</span>\n\t\t</button>\n\t\t<button class=\"timePicker-fieldset-group-stepper\" type=\"button\" tabindex=\"-1\" aria-hidden=\"true\" luRepeatOnHold (hold)=\"down()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-southArrow\"></span>\n\t\t\t<span class=\"pr-u-mask\">+</span>\n\t\t</button>\n\t}\n</div>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -624,8 +624,8 @@ class DurationPickerComponent extends BasePickerComponent {
             this.focusPart('hours');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DurationPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: DurationPickerComponent, isStandalone: true, selector: "lu-duration-picker", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hideZeroValue: { classPropertyName: "hideZeroValue", publicName: "hideZeroValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", durationChange: "durationChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DurationPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: DurationPickerComponent, isStandalone: true, selector: "lu-duration-picker", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hideZeroValue: { classPropertyName: "hideZeroValue", publicName: "hideZeroValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", durationChange: "durationChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DurationPickerComponent),
@@ -633,7 +633,7 @@ class DurationPickerComponent extends BasePickerComponent {
             },
         ], usesInheritance: true, ngImport: i0, template: "<div [class]=\"pickerClasses()\" (copy)=\"copyHandler($event)\" (paste)=\"pasteHandler($event)\" (animationend)=\"keyPressed.set(false)\">\n\t<fieldset class=\"timePicker-fieldset\" [disabled]=\"disabled()\">\n\t\t<legend>\n\t\t\t<span class=\"pr-u-mask\">{{ label() }}</span>\n\t\t</legend>\n\t\t<lu-time-picker-part\n\t\t\t#hoursPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[label]=\"intl().timePickerHours\"\n\t\t\t[value]=\"hours()\"\n\t\t\t[decimalConf]=\"hoursDecimalConf\"\n\t\t\t[hideValue]=\"shouldHideValue()\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t[maxDigits]=\"maxDigits()\"\n\t\t\t(valueChange)=\"hoursInputHandler($event)\"\n\t\t\t(nextRequest)=\"focusPart('minutes')\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('hours', $event)\"\n\t\t\t(nonDigitKeyPressed)=\"keyPressed.set(true)\"\n\t\t/>\n\t\t<div aria-hidden=\"true\" [class]=\"fieldsetSuffixClasses()\" [attr.data-content-before]=\"separator()\" (click)=\"focusPart('hours')\"></div>\n\t\t<lu-time-picker-part\n\t\t\t#minutesPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[label]=\"intl().timePickerMinutes\"\n\t\t\t[value]=\"minutes()\"\n\t\t\t[max]=\"59\"\n\t\t\t[hideValue]=\"shouldHideValue()\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t[disabled]=\"disabled() || !minutesIncrement()\"\n\t\t\tshowZero\n\t\t\t(valueChange)=\"minutesInputHandler($event)\"\n\t\t\t(prevRequest)=\"focusPart('hours')\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('minutes', $event)\"\n\t\t\t(nonDigitKeyPressed)=\"keyPressed.set(true)\"\n\t\t/>\n\t</fieldset>\n</div>\n", styles: ["@layer components{.timePicker{--components-timepicker-border: var(--pr-t-color-input-border);--components-timepicker-background: var(--pr-t-color-input-background);--components-timepicker-color: var(--pr-t-color-input-text);--components-timepicker-font: var(--pr-t-font-body-M);--components-timepicker-input-height: 2rem;--components-timepicker-input-minInlineSize: .5rem;--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-input-padding-block: var(--pr-t-spacings-50);--components-timepicker-padding: 0;--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline);--components-timepicker-display-inset-block: var(--components-timepicker-input-padding-block);--components-timepicker-separator-left: 2.375rem;--components-timepicker-start: var(--pr-t-spacings-50);--components-timepicker-end: var(--pr-t-spacings-100);padding:var(--components-timepicker-padding);inline-size:fit-content}.timePicker-fieldset{display:flex;align-items:center;box-shadow:0 0 0 1px var(--components-timepicker-border);border-radius:var(--pr-t-border-radius-input);padding:0;border:0;margin:0;background-color:var(--components-timepicker-background);color:var(--components-timepicker-color);font:var(--components-timepicker-font);position:relative;cursor:text}.timePicker-fieldset:hover{--components-timepicker-border: var(--pr-t-color-input-border-hover)}.timePicker-fieldset:focus-within{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.timePicker-fieldset .timePicker-fieldset{box-shadow:initial}.timePicker-fieldset .timePicker-fieldset:focus-within{outline:initial}.timePicker-arrow{align-self:stretch;display:flex;align-items:center;color:var(--pr-t-color-text-subtle)}.timePicker-arrow-icon .lucca-icon{--icon-size: 1.25rem}.timePicker-fieldset-groupSeparator{display:grid;place-items:center;text-align:center;inline-size:fit-content;block-size:calc(var(--components-timepicker-input-height) + var(--components-timepicker-input-padding-block) * 2);margin-inline:calc(var(--pr-t-spacings-25) * -1);position:relative;inset-inline-start:calc(var(--pr-t-spacings-25) * -1);z-index:1}.timePicker-fieldset-group{position:relative}.timePicker-fieldset-group~.timePicker-fieldset-group{margin-inline-start:calc(var(--pr-t-spacings-50) * -1);--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.timePicker-fieldset-group-textfield{background-color:transparent}.timePicker-fieldset-group-textfield-input{display:flex;align-items:center;justify-content:center;border:0;block-size:var(--components-timepicker-input-height);inline-size:calc(var(--components-timepicker-input-minInlineSize) + var(--components-timepicker-input-digits, 2) * 1ch);outline:none;color:inherit;background-color:transparent;text-align:center;padding-block:var(--components-timepicker-input-padding-block);padding-inline:var(--components-timepicker-input-padding-inline);box-sizing:content-box;opacity:.0001}.timePicker-fieldset-group-textfield-input::placeholder{color:var(--component-textField-placeholder)}.timePicker-fieldset-group-textfield-input:focus-visible+.timePicker-fieldset-group-textfield-display{background-color:var(--palettes-product-100)}.timePicker-fieldset-group-textfield-display{position:absolute;inset-block:var(--components-timepicker-display-inset-block);inset-inline:var(--components-timepicker-display-inset-inline);border-radius:var(--pr-t-border-radius-50);pointer-events:none;display:grid;place-items:center}.timePicker-fieldset-group-stepper{position:absolute;inset-block-end:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);border:0;padding:0;block-size:1rem;inline-size:1rem;inset-inline-start:50%;transform:translate(-50%);background-color:transparent;color:var(--palettes-neutral-600);display:inline-flex;justify-content:center;align-items:center;border-radius:var(--pr-t-border-radius-50);outline:none;opacity:1;transition-property:opacity;transition-duration:var(--commons-animations-durations-fast);cursor:pointer}.timePicker-fieldset-group-stepper:hover{background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-800)}.timePicker-fieldset-group-stepper:disabled{cursor:default;color:var(--palettes-neutral-500);pointer-events:none}.timePicker-fieldset-group-stepper .lucca-icon{--icon-size: 1rem}.timePicker-fieldset-group-stepper+.timePicker-fieldset-group-stepper{inset-block-start:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);inset-block-end:auto}.timePicker-fieldset-meridiem{box-sizing:content-box;inline-size:calc(var(--pr-t-spacings-100) + 2ch);padding-inline:var(--pr-t-spacings-50);position:relative;align-self:stretch;margin-inline-start:calc(var(--pr-t-spacings-50) * -1)}.timePicker-fieldset-meridiem:after{content:\"\";position:absolute;inset-block:var(--components-timepicker-display-inset-block);inset-inline:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-50);display:grid;place-items:center;text-align:end}.timePicker-fieldset-meridiem:has(input:focus):after{background-color:var(--palettes-product-100)}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-ante-input:checked):after{content:\"AM\"/\"\"}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-post-input:checked):after{content:\"PM\"/\"\"}.timePicker-fieldset-meridiem-ante,.timePicker-fieldset-meridiem-post{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}}@layer mods{.timePicker.mod-S{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem;--components-timepicker-start: var(--pr-t-spacings-25);--components-timepicker-end: var(--pr-t-spacings-75)}.timePicker.mod-S .timePicker-arrow-icon .lucca-icon{--icon-size: 1rem}.timePicker.mod-S .timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.timePicker.mod-S .timePicker-fieldset-group~.timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start)}.timePicker.mod-S .timePicker-fieldset-meridiem{inline-size:calc(var(--pr-t-spacings-50) + 2ch)}.timePicker.mod-S .timePicker-fieldset-meridiem:after{inset-inline:var(--pr-t-spacings-25)}.timePicker.mod-stepper{--components-timepicker-padding: var(--pr-t-spacings-300) 0}.timePicker.mod-stepperHover:not(:hover,:focus-within) .timePicker-fieldset-group-stepper{opacity:0}.timePicker:has([aria-invalid=true]){--components-timepicker-background: var(--pr-t-color-input-background-critical);--components-timepicker-border: var(--pr-t-color-input-border-critical)}.timePicker:has([aria-invalid=true]):hover{--components-timepicker-border: var(--pr-t-color-input-border-critical-hover)}.timePicker:has([disabled]){--components-timepicker-background: var(--pr-t-color-input-background-disabled);--components-timepicker-border: var(--commons-disabled-placeholder);--components-timepicker-color: var(--pr-t-color-input-text-disabled)}}@layer base{lu-duration-picker{display:inline-flex}}\n"], dependencies: [{ kind: "component", type: TimePickerPartComponent, selector: "lu-time-picker-part", inputs: ["label", "decimalConf", "value", "display", "max", "autoWidth", "displayArrows", "isReadonly", "hideValue", "disabled", "focused", "maxDigits", "showZero", "digitNumber", "isValueSet"], outputs: ["valueChange", "digitNumberChange", "isValueSetChange", "prevRequest", "nextRequest", "nonDigitKeyPressed", "inputControlClick", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DurationPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DurationPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-duration-picker', imports: [TimePickerPartComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -997,8 +997,8 @@ class TimePickerComponent extends BasePickerComponent {
             this.nonDigitKeyPressed.emit();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: TimePickerComponent, isStandalone: true, selector: "lu-time-picker", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, forceMeridiemDisplay: { classPropertyName: "forceMeridiemDisplay", publicName: "forceMeridiemDisplay", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", timeChange: "timeChange", prevPicker: "prevPicker", nextPicker: "nextPicker", nonDigitKeyPressed: "nonDigitKeyPressed", touched: "touched" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: TimePickerComponent, isStandalone: true, selector: "lu-time-picker", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, forceMeridiemDisplay: { classPropertyName: "forceMeridiemDisplay", publicName: "forceMeridiemDisplay", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", timeChange: "timeChange", prevPicker: "prevPicker", nextPicker: "nextPicker", nonDigitKeyPressed: "nonDigitKeyPressed", touched: "touched" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => TimePickerComponent),
@@ -1006,7 +1006,7 @@ class TimePickerComponent extends BasePickerComponent {
             },
         ], viewQueries: [{ propertyName: "anteMeridiemRef", first: true, predicate: ["anteMeridiemRef"], descendants: true, isSignal: true }, { propertyName: "postMeridiemRef", first: true, predicate: ["postMeridiemRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"pickerClasses()\" (copy)=\"copyHandler($event)\" (paste)=\"pasteHandler($event)\" (animationend)=\"keyPressed.set(false)\">\n\t<fieldset class=\"timePicker-fieldset\" [disabled]=\"disabled()\">\n\t\t<legend>\n\t\t\t<span class=\"pr-u-mask\">{{ label() }}</span>\n\t\t</legend>\n\t\t<lu-time-picker-part\n\t\t\t#hoursPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[label]=\"intl().timePickerHours\"\n\t\t\t[value]=\"hoursInputValue()\"\n\t\t\t[display]=\"hoursDisplay()\"\n\t\t\t[max]=\"maxHours()\"\n\t\t\t[decimalConf]=\"hoursDecimalConf\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t(touched)=\"onTouched()\"\n\t\t\t(valueChange)=\"hoursInputHandler($event)\"\n\t\t\t(nextRequest)=\"focusPart('minutes')\"\n\t\t\t(keydown.arrowleft)=\"$event.preventDefault(); prevPicker.emit()\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('hours', $event)\"\n\t\t\t(nonDigitKeyPressed)=\"nonDigitKeyPressedHandler()\"\n\t\t/>\n\t\t<div\n\t\t\taria-hidden=\"true\"\n\t\t\tclass=\"timePicker-fieldset-groupSeparator\"\n\t\t\t[attr.data-content-before]=\"separator()\"\n\t\t\t(click)=\"focusPart('hours')\"\n\t\t></div>\n\t\t<lu-time-picker-part\n\t\t\t#minutesPart\n\t\t\tclass=\"timePicker-fieldset-group\"\n\t\t\t[label]=\"intl().timePickerMinutes\"\n\t\t\t[value]=\"minutesDisplay()\"\n\t\t\t[max]=\"59\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t(touched)=\"onTouched()\"\n\t\t\t[disabled]=\"disabled() || !minutesIncrement()\"\n\t\t\tshowZero\n\t\t\t(valueChange)=\"minutesInputHandler($event)\"\n\t\t\t(prevRequest)=\"focusPart('hours')\"\n\t\t\t(nextRequest)=\"enableMeridiemDisplay() ? focusPart('meridiem') : nextPicker.emit()\"\n\t\t\t(inputControlClick)=\"inputControlClickHandler('minutes', $event)\"\n\t\t\t(nonDigitKeyPressed)=\"nonDigitKeyPressedHandler()\"\n\t\t/>\n\t\t@if (enableMeridiemDisplay()) {\n\t\t\t<div\n\t\t\t\tclass=\"timePicker-fieldset-meridiem\"\n\t\t\t\t(copy)=\"copyHandler($event)\"\n\t\t\t\t(paste)=\"pasteHandler($event)\"\n\t\t\t\t(keydown.A)=\"anteMeridiemRef.click()\"\n\t\t\t\t(keydown.P)=\"postMeridiemRef.click()\"\n\t\t\t\t(keydown.shift.A)=\"anteMeridiemRef.click()\"\n\t\t\t\t(keydown.shift.P)=\"postMeridiemRef.click()\"\n\t\t\t\t(click)=\"ampmDisplay() === 'AM' ? anteMeridiemRef.focus() : postMeridiemRef.focus()\"\n\t\t\t>\n\t\t\t\t<div class=\"timePicker-fieldset-meridiem-ante\">\n\t\t\t\t\t<label [attr.for]=\"'anteMeridiem-' + idSuffix\">AM</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\t#anteMeridiemRef\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t[attr.name]=\"'meridiem-' + idSuffix\"\n\t\t\t\t\t\t[name]=\"'meridiem-' + idSuffix\"\n\t\t\t\t\t\t[attr.id]=\"'anteMeridiem-' + idSuffix\"\n\t\t\t\t\t\tclass=\"timePicker-fieldset-meridiem-ante-input\"\n\t\t\t\t\t\tvalue=\"AM\"\n\t\t\t\t\t\t[ngModel]=\"ampmDisplay()\"\n\t\t\t\t\t\t(ngModelChange)=\"switchMeridiem($event)\"\n\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t(keydown.arrowleft)=\"$event.preventDefault(); focusPart('minutes')\"\n\t\t\t\t\t\t(keydown.arrowright)=\"$event.preventDefault(); nextPicker.emit()\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"timePicker-fieldset-meridiem-post\">\n\t\t\t\t\t<label [attr.for]=\"'postMeridiem-' + idSuffix\">PM</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\t#postMeridiemRef\n\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t[attr.name]=\"'meridiem-' + idSuffix\"\n\t\t\t\t\t\t[name]=\"'meridiem-' + idSuffix\"\n\t\t\t\t\t\t[attr.id]=\"'postMeridiem-' + idSuffix\"\n\t\t\t\t\t\tclass=\"timePicker-fieldset-meridiem-post-input\"\n\t\t\t\t\t\tvalue=\"PM\"\n\t\t\t\t\t\t[ngModel]=\"ampmDisplay()\"\n\t\t\t\t\t\t(ngModelChange)=\"switchMeridiem($event)\"\n\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t(keydown.arrowleft)=\"$event.preventDefault(); focusPart('minutes')\"\n\t\t\t\t\t\t(keydown.arrowright)=\"$event.preventDefault(); nextPicker.emit()\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t@if (displayArrows()) {\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"timePicker-fieldset-group-stepper\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t(click)=\"switchMeridiem(ampmDisplay() === 'AM' ? 'PM' : 'AM')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-northArrow\"></span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"timePicker-fieldset-group-stepper\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t(click)=\"switchMeridiem(ampmDisplay() === 'AM' ? 'PM' : 'AM')\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-southArrow\"></span>\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</fieldset>\n</div>\n", styles: ["@layer components{.timePicker{--components-timepicker-border: var(--pr-t-color-input-border);--components-timepicker-background: var(--pr-t-color-input-background);--components-timepicker-color: var(--pr-t-color-input-text);--components-timepicker-font: var(--pr-t-font-body-M);--components-timepicker-input-height: 2rem;--components-timepicker-input-minInlineSize: .5rem;--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-input-padding-block: var(--pr-t-spacings-50);--components-timepicker-padding: 0;--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline);--components-timepicker-display-inset-block: var(--components-timepicker-input-padding-block);--components-timepicker-separator-left: 2.375rem;--components-timepicker-start: var(--pr-t-spacings-50);--components-timepicker-end: var(--pr-t-spacings-100);padding:var(--components-timepicker-padding);inline-size:fit-content}.timePicker-fieldset{display:flex;align-items:center;box-shadow:0 0 0 1px var(--components-timepicker-border);border-radius:var(--pr-t-border-radius-input);padding:0;border:0;margin:0;background-color:var(--components-timepicker-background);color:var(--components-timepicker-color);font:var(--components-timepicker-font);position:relative;cursor:text}.timePicker-fieldset:hover{--components-timepicker-border: var(--pr-t-color-input-border-hover)}.timePicker-fieldset:focus-within{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.timePicker-fieldset .timePicker-fieldset{box-shadow:initial}.timePicker-fieldset .timePicker-fieldset:focus-within{outline:initial}.timePicker-arrow{align-self:stretch;display:flex;align-items:center;color:var(--pr-t-color-text-subtle)}.timePicker-arrow-icon .lucca-icon{--icon-size: 1.25rem}.timePicker-fieldset-groupSeparator{display:grid;place-items:center;text-align:center;inline-size:fit-content;block-size:calc(var(--components-timepicker-input-height) + var(--components-timepicker-input-padding-block) * 2);margin-inline:calc(var(--pr-t-spacings-25) * -1);position:relative;inset-inline-start:calc(var(--pr-t-spacings-25) * -1);z-index:1}.timePicker-fieldset-group{position:relative}.timePicker-fieldset-group~.timePicker-fieldset-group{margin-inline-start:calc(var(--pr-t-spacings-50) * -1);--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.timePicker-fieldset-group-textfield{background-color:transparent}.timePicker-fieldset-group-textfield-input{display:flex;align-items:center;justify-content:center;border:0;block-size:var(--components-timepicker-input-height);inline-size:calc(var(--components-timepicker-input-minInlineSize) + var(--components-timepicker-input-digits, 2) * 1ch);outline:none;color:inherit;background-color:transparent;text-align:center;padding-block:var(--components-timepicker-input-padding-block);padding-inline:var(--components-timepicker-input-padding-inline);box-sizing:content-box;opacity:.0001}.timePicker-fieldset-group-textfield-input::placeholder{color:var(--component-textField-placeholder)}.timePicker-fieldset-group-textfield-input:focus-visible+.timePicker-fieldset-group-textfield-display{background-color:var(--palettes-product-100)}.timePicker-fieldset-group-textfield-display{position:absolute;inset-block:var(--components-timepicker-display-inset-block);inset-inline:var(--components-timepicker-display-inset-inline);border-radius:var(--pr-t-border-radius-50);pointer-events:none;display:grid;place-items:center}.timePicker-fieldset-group-stepper{position:absolute;inset-block-end:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);border:0;padding:0;block-size:1rem;inline-size:1rem;inset-inline-start:50%;transform:translate(-50%);background-color:transparent;color:var(--palettes-neutral-600);display:inline-flex;justify-content:center;align-items:center;border-radius:var(--pr-t-border-radius-50);outline:none;opacity:1;transition-property:opacity;transition-duration:var(--commons-animations-durations-fast);cursor:pointer}.timePicker-fieldset-group-stepper:hover{background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-800)}.timePicker-fieldset-group-stepper:disabled{cursor:default;color:var(--palettes-neutral-500);pointer-events:none}.timePicker-fieldset-group-stepper .lucca-icon{--icon-size: 1rem}.timePicker-fieldset-group-stepper+.timePicker-fieldset-group-stepper{inset-block-start:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);inset-block-end:auto}.timePicker-fieldset-meridiem{box-sizing:content-box;inline-size:calc(var(--pr-t-spacings-100) + 2ch);padding-inline:var(--pr-t-spacings-50);position:relative;align-self:stretch;margin-inline-start:calc(var(--pr-t-spacings-50) * -1)}.timePicker-fieldset-meridiem:after{content:\"\";position:absolute;inset-block:var(--components-timepicker-display-inset-block);inset-inline:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-50);display:grid;place-items:center;text-align:end}.timePicker-fieldset-meridiem:has(input:focus):after{background-color:var(--palettes-product-100)}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-ante-input:checked):after{content:\"AM\"/\"\"}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-post-input:checked):after{content:\"PM\"/\"\"}.timePicker-fieldset-meridiem-ante,.timePicker-fieldset-meridiem-post{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}}@layer mods{.timePicker.mod-S{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem;--components-timepicker-start: var(--pr-t-spacings-25);--components-timepicker-end: var(--pr-t-spacings-75)}.timePicker.mod-S .timePicker-arrow-icon .lucca-icon{--icon-size: 1rem}.timePicker.mod-S .timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.timePicker.mod-S .timePicker-fieldset-group~.timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start)}.timePicker.mod-S .timePicker-fieldset-meridiem{inline-size:calc(var(--pr-t-spacings-50) + 2ch)}.timePicker.mod-S .timePicker-fieldset-meridiem:after{inset-inline:var(--pr-t-spacings-25)}.timePicker.mod-stepper{--components-timepicker-padding: var(--pr-t-spacings-300) 0}.timePicker.mod-stepperHover:not(:hover,:focus-within) .timePicker-fieldset-group-stepper{opacity:0}.timePicker:has([aria-invalid=true]){--components-timepicker-background: var(--pr-t-color-input-background-critical);--components-timepicker-border: var(--pr-t-color-input-border-critical)}.timePicker:has([aria-invalid=true]):hover{--components-timepicker-border: var(--pr-t-color-input-border-critical-hover)}.timePicker:has([disabled]){--components-timepicker-background: var(--pr-t-color-input-background-disabled);--components-timepicker-border: var(--commons-disabled-placeholder);--components-timepicker-color: var(--pr-t-color-input-text-disabled)}}@layer base{lu-time-picker{display:inline-flex}}\n"], dependencies: [{ kind: "component", type: TimePickerPartComponent, selector: "lu-time-picker-part", inputs: ["label", "decimalConf", "value", "display", "max", "autoWidth", "displayArrows", "isReadonly", "hideValue", "disabled", "focused", "maxDigits", "showZero", "digitNumber", "isValueSet"], outputs: ["valueChange", "digitNumberChange", "isValueSetChange", "prevRequest", "nextRequest", "nonDigitKeyPressed", "inputControlClick", "touched"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TimePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-time-picker', imports: [TimePickerPartComponent, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -1182,8 +1182,8 @@ class TimeRangePickerComponent {
     partToFocus() {
         return this.forceMeridiemDisplay() ? 'meridiem' : 'minutes';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TimeRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: TimeRangePickerComponent, isStandalone: true, selector: "lu-time-range-picker", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, forceMeridiemDisplay: { classPropertyName: "forceMeridiemDisplay", publicName: "forceMeridiemDisplay", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TimeRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: TimeRangePickerComponent, isStandalone: true, selector: "lu-time-range-picker", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, displayArrows: { classPropertyName: "displayArrows", publicName: "displayArrows", isSignal: true, isRequired: false, transformFunction: null }, forceMeridiemDisplay: { classPropertyName: "forceMeridiemDisplay", publicName: "forceMeridiemDisplay", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => TimeRangePickerComponent),
@@ -1200,7 +1200,7 @@ class TimeRangePickerComponent {
             },
         ], ngImport: i0, template: "@let startLabel = `${formFieldLabel() && isLocaleFr() ? formFieldLabel() + \" \" : \"\"}(${intl().timeRangePickerStart})`;\n@let endLabel = `${formFieldLabel() && isLocaleFr() ? formFieldLabel() + \" \" : \"\"}(${intl().timeRangePickerEnd})`;\n\n<div\n\tclass=\"timePicker\"\n\t[class.mod-stepper]=\"displayArrows()\"\n\t[class.pr-u-animatedShake]=\"keyPressed()\"\n\t(animationend)=\"keyPressed.set(false)\"\n>\n\t<div class=\"timePicker-fieldset\">\n\t\t<lu-time-picker\n\t\t\t#timePickerStart\n\t\t\t[label]=\"startLabel\"\n\t\t\t[value]=\"startValue()\"\n\t\t\t(valueChange)=\"onStartChange($event)\"\n\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t[max]=\"max()\"\n\t\t\t[step]=\"step()\"\n\t\t\t[size]=\"size()\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t[forceMeridiemDisplay]=\"forceMeridiemDisplay()\"\n\t\t\t(nextPicker)=\"timePickerEnd.focusPart('hours')\"\n\t\t\t(nonDigitKeyPressed)=\"keyPressed.set(true)\"\n\t\t/>\n\t\t<label role=\"presentation\" [attr.for]=\"timePickerEnd?.firstTimePickerInputId\" class=\"timePicker-arrow\">\n\t\t\t<lu-icon class=\"timePicker-arrow-icon\" icon=\"arrowRight\" />\n\t\t</label>\n\t\t<lu-time-picker\n\t\t\t#timePickerEnd\n\t\t\t[label]=\"endLabel\"\n\t\t\t[value]=\"endValue()\"\n\t\t\t(valueChange)=\"onEndChange($event)\"\n\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t[max]=\"max()\"\n\t\t\t[step]=\"step()\"\n\t\t\t[size]=\"size()\"\n\t\t\t[displayArrows]=\"displayArrows()\"\n\t\t\t[forceMeridiemDisplay]=\"forceMeridiemDisplay()\"\n\t\t\t(prevPicker)=\"timePickerStart.focusPart(partToFocus())\"\n\t\t\t(nonDigitKeyPressed)=\"keyPressed.set(true)\"\n\t\t/>\n\t</div>\n</div>\n\n<ng-container *luPresentationDisplayDefault>\n\t{{ intl().timeRangePickerFrom }}\n\t<span class=\"pr-u-mask\">{{ startLabel }}</span>\n\t@if (startValue() && startValue() !== DEFAULT_TIME_VALUE) {\n\t\t{{ startValue() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n\t{{ intl().timeRangePickerAt }}\n\t<span class=\"pr-u-mask\">{{ endLabel }}</span>\n\t@if (endValue() && endValue() !== DEFAULT_TIME_VALUE) {\n\t\t{{ endValue() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n</ng-container>\n", styles: ["@layer components{.timePicker{--components-timepicker-border: var(--pr-t-color-input-border);--components-timepicker-background: var(--pr-t-color-input-background);--components-timepicker-color: var(--pr-t-color-input-text);--components-timepicker-font: var(--pr-t-font-body-M);--components-timepicker-input-height: 2rem;--components-timepicker-input-minInlineSize: .5rem;--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-input-padding-block: var(--pr-t-spacings-50);--components-timepicker-padding: 0;--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline);--components-timepicker-display-inset-block: var(--components-timepicker-input-padding-block);--components-timepicker-separator-left: 2.375rem;--components-timepicker-start: var(--pr-t-spacings-50);--components-timepicker-end: var(--pr-t-spacings-100);padding:var(--components-timepicker-padding);inline-size:fit-content}.timePicker-fieldset{display:flex;align-items:center;box-shadow:0 0 0 1px var(--components-timepicker-border);border-radius:var(--pr-t-border-radius-input);padding:0;border:0;margin:0;background-color:var(--components-timepicker-background);color:var(--components-timepicker-color);font:var(--components-timepicker-font);position:relative;cursor:text}.timePicker-fieldset:hover{--components-timepicker-border: var(--pr-t-color-input-border-hover)}.timePicker-fieldset:focus-within{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.timePicker-fieldset .timePicker-fieldset{box-shadow:initial}.timePicker-fieldset .timePicker-fieldset:focus-within{outline:initial}.timePicker-arrow{align-self:stretch;display:flex;align-items:center;color:var(--pr-t-color-text-subtle)}.timePicker-arrow-icon .lucca-icon{--icon-size: 1.25rem}.timePicker-fieldset-groupSeparator{display:grid;place-items:center;text-align:center;inline-size:fit-content;block-size:calc(var(--components-timepicker-input-height) + var(--components-timepicker-input-padding-block) * 2);margin-inline:calc(var(--pr-t-spacings-25) * -1);position:relative;inset-inline-start:calc(var(--pr-t-spacings-25) * -1);z-index:1}.timePicker-fieldset-group{position:relative}.timePicker-fieldset-group~.timePicker-fieldset-group{margin-inline-start:calc(var(--pr-t-spacings-50) * -1);--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.timePicker-fieldset-group-textfield{background-color:transparent}.timePicker-fieldset-group-textfield-input{display:flex;align-items:center;justify-content:center;border:0;block-size:var(--components-timepicker-input-height);inline-size:calc(var(--components-timepicker-input-minInlineSize) + var(--components-timepicker-input-digits, 2) * 1ch);outline:none;color:inherit;background-color:transparent;text-align:center;padding-block:var(--components-timepicker-input-padding-block);padding-inline:var(--components-timepicker-input-padding-inline);box-sizing:content-box;opacity:.0001}.timePicker-fieldset-group-textfield-input::placeholder{color:var(--component-textField-placeholder)}.timePicker-fieldset-group-textfield-input:focus-visible+.timePicker-fieldset-group-textfield-display{background-color:var(--palettes-product-100)}.timePicker-fieldset-group-textfield-display{position:absolute;inset-block:var(--components-timepicker-display-inset-block);inset-inline:var(--components-timepicker-display-inset-inline);border-radius:var(--pr-t-border-radius-50);pointer-events:none;display:grid;place-items:center}.timePicker-fieldset-group-stepper{position:absolute;inset-block-end:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);border:0;padding:0;block-size:1rem;inline-size:1rem;inset-inline-start:50%;transform:translate(-50%);background-color:transparent;color:var(--palettes-neutral-600);display:inline-flex;justify-content:center;align-items:center;border-radius:var(--pr-t-border-radius-50);outline:none;opacity:1;transition-property:opacity;transition-duration:var(--commons-animations-durations-fast);cursor:pointer}.timePicker-fieldset-group-stepper:hover{background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-800)}.timePicker-fieldset-group-stepper:disabled{cursor:default;color:var(--palettes-neutral-500);pointer-events:none}.timePicker-fieldset-group-stepper .lucca-icon{--icon-size: 1rem}.timePicker-fieldset-group-stepper+.timePicker-fieldset-group-stepper{inset-block-start:calc(var(--components-timepicker-input-height) + var(--pr-t-spacings-150) + 1px);inset-block-end:auto}.timePicker-fieldset-meridiem{box-sizing:content-box;inline-size:calc(var(--pr-t-spacings-100) + 2ch);padding-inline:var(--pr-t-spacings-50);position:relative;align-self:stretch;margin-inline-start:calc(var(--pr-t-spacings-50) * -1)}.timePicker-fieldset-meridiem:after{content:\"\";position:absolute;inset-block:var(--components-timepicker-display-inset-block);inset-inline:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-50);display:grid;place-items:center;text-align:end}.timePicker-fieldset-meridiem:has(input:focus):after{background-color:var(--palettes-product-100)}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-ante-input:checked):after{content:\"AM\"/\"\"}.timePicker-fieldset-meridiem:has(.timePicker-fieldset-meridiem-post-input:checked):after{content:\"PM\"/\"\"}.timePicker-fieldset-meridiem-ante,.timePicker-fieldset-meridiem-post{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}}@layer mods{.timePicker.mod-S{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem;--components-timepicker-start: var(--pr-t-spacings-25);--components-timepicker-end: var(--pr-t-spacings-75)}.timePicker.mod-S .timePicker-arrow-icon .lucca-icon{--icon-size: 1rem}.timePicker.mod-S .timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.timePicker.mod-S .timePicker-fieldset-group~.timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start)}.timePicker.mod-S .timePicker-fieldset-meridiem{inline-size:calc(var(--pr-t-spacings-50) + 2ch)}.timePicker.mod-S .timePicker-fieldset-meridiem:after{inset-inline:var(--pr-t-spacings-25)}.timePicker.mod-stepper{--components-timepicker-padding: var(--pr-t-spacings-300) 0}.timePicker.mod-stepperHover:not(:hover,:focus-within) .timePicker-fieldset-group-stepper{opacity:0}.timePicker:has([aria-invalid=true]){--components-timepicker-background: var(--pr-t-color-input-background-critical);--components-timepicker-border: var(--pr-t-color-input-border-critical)}.timePicker:has([aria-invalid=true]):hover{--components-timepicker-border: var(--pr-t-color-input-border-critical-hover)}.timePicker:has([disabled]){--components-timepicker-background: var(--pr-t-color-input-background-disabled);--components-timepicker-border: var(--commons-disabled-placeholder);--components-timepicker-color: var(--pr-t-color-input-text-disabled)}}@layer base{lu-time-range-picker{display:contents}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: TimePickerComponent, selector: "lu-time-picker", inputs: ["intl", "value", "max", "displayArrows", "forceMeridiemDisplay", "label"], outputs: ["valueChange", "timeChange", "prevPicker", "nextPicker", "nonDigitKeyPressed", "touched"] }, { kind: "directive", type: _PresentationDisplayDefaultDirective, selector: "[luPresentationDisplayDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TimeRangePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TimeRangePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-time-range-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, TimePickerComponent, _PresentationDisplayDefaultDirective], host: {
                         '(focusin)': 'onFocusIn()',