@spw-ds/spw-angular-library 1.4.2 → 1.4.4-alpha.0

package/README.md

@@ -4,7 +4,7 @@ Le **SPW Design System** est une bibliothèque de composants Web conçue pour cr
 
 ## Documentation et guides
 
-- [Documentation complète sur ZeroHeight](https://zeroheight.com/2310c7a1e/p/44e962-design-system-du-spw) : Découvrez les principes de design, les guidelines, et les spécifications de chaque composant.
+- [Documentation complète sur ZeroHeight](https://designsystem.wallonie.be/) : Découvrez les principes de design, les guidelines, et les spécifications de chaque composant.
 - [Storybook interactif](https://main--6698db7bdfc632c36f76afdb.chromatic.com/) : Explorez et testez les composants en action, avec des exemples détaillés et des cas d'utilisation.
 
 ## Compatibilité
@@ -13,4 +13,4 @@ Les composants sont développés en utilisant [StencilJS](https://stenciljs.com/
 
 ## Contribution
 
-Pour contribuer ou poser des questions, référez-vous à [notre documentation ZeroHeight](https://zeroheight.com/2310c7a1e/p/44e962-design-system-du-spw) ou [contactez l’équipe de développement](mailto:pierre.henrion.ext@spw.wallonie.be).
+Pour contribuer ou poser des questions, référez-vous à [notre documentation ZeroHeight](https://zeroheight.com/2310c7a1e/p/44e962-design-system-du-spw) ou [contactez l’équipe de développement](mailto:design.system@spw.wallonie.be).

package/fesm2022/spw-ds-spw-angular-library.mjs

@@ -456,12 +456,12 @@ let SpwCustomSelect = class SpwCustomSelect {
         proxyOutputs(this, this.el, ['valueChanged']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwCustomSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwCustomSelect, isStandalone: true, selector: "spw-custom-select", inputs: { assistiveText: "assistiveText", disabled: "disabled", error: "error", hint: "hint", isSearch: "isSearch", items: "items", label: "label", multiple: "multiple", name: "name", placeholder: "placeholder", required: "required", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwCustomSelect, isStandalone: true, selector: "spw-custom-select", inputs: { assistiveText: "assistiveText", disabled: "disabled", error: "error", hint: "hint", isSearch: "isSearch", items: "items", label: "label", multiple: "multiple", name: "name", placeholder: "placeholder", required: "required", searchPlaceholder: "searchPlaceholder", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", size: "size", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwCustomSelect = __decorate([
     ProxyCmp({
-        inputs: ['assistiveText', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
-        methods: ['resetSelect', 'setValue', 'getValue']
+        inputs: ['assistiveText', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+        methods: ['setFocus', 'resetSelect', 'setValue', 'getValue']
     })
 ], SpwCustomSelect);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwCustomSelect, decorators: [{
@@ -471,7 +471,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['assistiveText', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+                    inputs: ['assistiveText', 'disabled', 'error', 'hint', 'isSearch', 'items', 'label', 'multiple', 'name', 'placeholder', 'required', 'searchPlaceholder', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwDatePicker = class SpwDatePicker {
@@ -482,11 +482,11 @@ let SpwDatePicker = class SpwDatePicker {
         proxyOutputs(this, this.el, ['dateChange', 'datePickerOpen', 'datePickerClose']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwDatePicker, isStandalone: true, selector: "spw-date-picker", inputs: { accAriaLabel: "accAriaLabel", assistiveText: "assistiveText", dateFormat: "dateFormat", disabled: "disabled", disabledDates: "disabledDates", disabledDays: "disabledDays", error: "error", hint: "hint", isStart: "isStart", label: "label", maxDate: "maxDate", minDate: "minDate", name: "name", placeholder: "placeholder", position: "position", range: "range", rangeId: "rangeId", required: "required", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwDatePicker, isStandalone: true, selector: "spw-date-picker", inputs: { accAriaLabel: "accAriaLabel", assistiveText: "assistiveText", dateFormat: "dateFormat", disabled: "disabled", disabledDates: "disabledDates", disabledDays: "disabledDays", error: "error", hint: "hint", isClear: "isClear", isStart: "isStart", label: "label", maxDate: "maxDate", minDate: "minDate", name: "name", placeholder: "placeholder", position: "position", range: "range", rangeId: "rangeId", required: "required", showErrorIcon: "showErrorIcon", showHintIcon: "showHintIcon", showSuccessIcon: "showSuccessIcon", showWarningIcon: "showWarningIcon", success: "success", tooltipCursor: "tooltipCursor", tooltipDirection: "tooltipDirection", tooltipMaxWidth: "tooltipMaxWidth", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", value: "value", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwDatePicker = __decorate([
     ProxyCmp({
-        inputs: ['accAriaLabel', 'assistiveText', 'dateFormat', 'disabled', 'disabledDates', 'disabledDays', 'error', 'hint', 'isStart', 'label', 'maxDate', 'minDate', 'name', 'placeholder', 'position', 'range', 'rangeId', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+        inputs: ['accAriaLabel', 'assistiveText', 'dateFormat', 'disabled', 'disabledDates', 'disabledDays', 'error', 'hint', 'isClear', 'isStart', 'label', 'maxDate', 'minDate', 'name', 'placeholder', 'position', 'range', 'rangeId', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
         methods: ['open', 'close', 'setDate', 'getDate', 'getRange', 'updateConstraints', 'resetInput', 'resetConstraints']
     })
 ], SpwDatePicker);
@@ -497,7 +497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accAriaLabel', 'assistiveText', 'dateFormat', 'disabled', 'disabledDates', 'disabledDays', 'error', 'hint', 'isStart', 'label', 'maxDate', 'minDate', 'name', 'placeholder', 'position', 'range', 'rangeId', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+                    inputs: ['accAriaLabel', 'assistiveText', 'dateFormat', 'disabled', 'disabledDates', 'disabledDays', 'error', 'hint', 'isClear', 'isStart', 'label', 'maxDate', 'minDate', 'name', 'placeholder', 'position', 'range', 'rangeId', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwDropdown = class SpwDropdown {
@@ -840,13 +840,15 @@ let SpwHeader = class SpwHeader {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['logoClick']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwHeader, isStandalone: true, selector: "spw-header", inputs: { borderColor: "borderColor", hasMaWallonie: "hasMaWallonie", hasSearch: "hasSearch", hasWallonieBe: "hasWallonieBe", hasWallonieLogo: "hasWallonieLogo", maWallonieLabel: "maWallonieLabel", maWallonieLink: "maWallonieLink", menuCloseLabel: "menuCloseLabel", menuOpenLabel: "menuOpenLabel", searchCloseLabel: "searchCloseLabel", searchDirectHref: "searchDirectHref", searchDirectTarget: "searchDirectTarget", searchOpenLabel: "searchOpenLabel", searchType: "searchType", siteTitle: "siteTitle", wallonieBeLabel: "wallonieBeLabel", wallonieBeLink: "wallonieBeLink" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwHeader, isStandalone: true, selector: "spw-header", inputs: { borderColor: "borderColor", emitLogoClick: "emitLogoClick", hasMaWallonie: "hasMaWallonie", hasSearch: "hasSearch", hasWallonieBe: "hasWallonieBe", hasWallonieLogo: "hasWallonieLogo", homepageLink: "homepageLink", maWallonieLabel: "maWallonieLabel", maWallonieLink: "maWallonieLink", menuCloseLabel: "menuCloseLabel", menuOpenLabel: "menuOpenLabel", searchCloseLabel: "searchCloseLabel", searchDirectHref: "searchDirectHref", searchDirectTarget: "searchDirectTarget", searchOpenLabel: "searchOpenLabel", searchType: "searchType", siteTitle: "siteTitle", wallonieBeLabel: "wallonieBeLabel", wallonieBeLink: "wallonieBeLink" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwHeader = __decorate([
     ProxyCmp({
-        inputs: ['borderColor', 'hasMaWallonie', 'hasSearch', 'hasWallonieBe', 'hasWallonieLogo', 'maWallonieLabel', 'maWallonieLink', 'menuCloseLabel', 'menuOpenLabel', 'searchCloseLabel', 'searchDirectHref', 'searchDirectTarget', 'searchOpenLabel', 'searchType', 'siteTitle', 'wallonieBeLabel', 'wallonieBeLink']
+        inputs: ['borderColor', 'emitLogoClick', 'hasMaWallonie', 'hasSearch', 'hasWallonieBe', 'hasWallonieLogo', 'homepageLink', 'maWallonieLabel', 'maWallonieLink', 'menuCloseLabel', 'menuOpenLabel', 'searchCloseLabel', 'searchDirectHref', 'searchDirectTarget', 'searchOpenLabel', 'searchType', 'siteTitle', 'wallonieBeLabel', 'wallonieBeLink'],
+        methods: ['closeMenu']
     })
 ], SpwHeader);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwHeader, decorators: [{
@@ -856,7 +858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['borderColor', 'hasMaWallonie', 'hasSearch', 'hasWallonieBe', 'hasWallonieLogo', 'maWallonieLabel', 'maWallonieLink', 'menuCloseLabel', 'menuOpenLabel', 'searchCloseLabel', 'searchDirectHref', 'searchDirectTarget', 'searchOpenLabel', 'searchType', 'siteTitle', 'wallonieBeLabel', 'wallonieBeLink'],
+                    inputs: ['borderColor', 'emitLogoClick', 'hasMaWallonie', 'hasSearch', 'hasWallonieBe', 'hasWallonieLogo', 'homepageLink', 'maWallonieLabel', 'maWallonieLink', 'menuCloseLabel', 'menuOpenLabel', 'searchCloseLabel', 'searchDirectHref', 'searchDirectTarget', 'searchOpenLabel', 'searchType', 'siteTitle', 'wallonieBeLabel', 'wallonieBeLink'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwHeaderLang = class SpwHeaderLang {
@@ -1959,11 +1961,11 @@ let SpwTabsNavigation = class SpwTabsNavigation {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTabsNavigation, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTabsNavigation, isStandalone: true, selector: "spw-tabs-navigation", inputs: { accAriaLabel: "accAriaLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTabsNavigation, isStandalone: true, selector: "spw-tabs-navigation", inputs: { accAriaLabel: "accAriaLabel", isVerticalOnMobile: "isVerticalOnMobile" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTabsNavigation = __decorate([
     ProxyCmp({
-        inputs: ['accAriaLabel']
+        inputs: ['accAriaLabel', 'isVerticalOnMobile']
     })
 ], SpwTabsNavigation);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTabsNavigation, decorators: [{
@@ -1973,7 +1975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accAriaLabel'],
+                    inputs: ['accAriaLabel', 'isVerticalOnMobile'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTabsNavigationItem = class SpwTabsNavigationItem {
@@ -1984,11 +1986,11 @@ let SpwTabsNavigationItem = class SpwTabsNavigationItem {
         proxyOutputs(this, this.el, ['tabSelected']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTabsNavigationItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTabsNavigationItem, isStandalone: true, selector: "spw-tabs-navigation-item", inputs: { active: "active", bubble: "bubble", disabled: "disabled", hasEllipsis: "hasEllipsis", icon: "icon", iconPosition: "iconPosition", tabId: "tabId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTabsNavigationItem, isStandalone: true, selector: "spw-tabs-navigation-item", inputs: { active: "active", bubble: "bubble", disabled: "disabled", hasEllipsis: "hasEllipsis", icon: "icon", iconPosition: "iconPosition", tabId: "tabId", tagIcon: "tagIcon", tagText: "tagText", tagVariant: "tagVariant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTabsNavigationItem = __decorate([
     ProxyCmp({
-        inputs: ['active', 'bubble', 'disabled', 'hasEllipsis', 'icon', 'iconPosition', 'tabId']
+        inputs: ['active', 'bubble', 'disabled', 'hasEllipsis', 'icon', 'iconPosition', 'tabId', 'tagIcon', 'tagText', 'tagVariant']
     })
 ], SpwTabsNavigationItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTabsNavigationItem, decorators: [{
@@ -1998,7 +2000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'bubble', 'disabled', 'hasEllipsis', 'icon', 'iconPosition', 'tabId'],
+                    inputs: ['active', 'bubble', 'disabled', 'hasEllipsis', 'icon', 'iconPosition', 'tabId', 'tagIcon', 'tagText', 'tagVariant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTag = class SpwTag {
@@ -2038,7 +2040,7 @@ let SpwTextField = class SpwTextField {
 SpwTextField = __decorate([
     ProxyCmp({
         inputs: ['accAriaLabel', 'assistiveText', 'disabled', 'error', 'hint', 'indicator', 'isClear', 'isSearch', 'label', 'mask', 'max', 'maxLength', 'min', 'minLength', 'name', 'placeholder', 'required', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'step', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'type', 'value', 'warning'],
-        methods: ['setValue']
+        methods: ['setFocus', 'setValue']
     })
 ], SpwTextField);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTextField, decorators: [{
@@ -2063,7 +2065,8 @@ let SpwTextarea = class SpwTextarea {
 };
 SpwTextarea = __decorate([
     ProxyCmp({
-        inputs: ['assistiveText', 'disabled', 'error', 'hint', 'indicator', 'isSearch', 'label', 'maxLength', 'minLength', 'name', 'placeholder', 'required', 'rows', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning']
+        inputs: ['assistiveText', 'disabled', 'error', 'hint', 'indicator', 'isSearch', 'label', 'maxLength', 'minLength', 'name', 'placeholder', 'required', 'rows', 'showErrorIcon', 'showHintIcon', 'showSuccessIcon', 'showWarningIcon', 'size', 'success', 'tooltipCursor', 'tooltipDirection', 'tooltipMaxWidth', 'tooltipText', 'tooltipTitle', 'value', 'warning'],
+        methods: ['setFocus']
     })
 ], SpwTextarea);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTextarea, decorators: [{
@@ -2175,11 +2178,11 @@ let SpwTimeline = class SpwTimeline {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTimeline, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTimeline, isStandalone: true, selector: "spw-timeline", inputs: { showMoreText: "showMoreText", visibleItems: "visibleItems" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTimeline, isStandalone: true, selector: "spw-timeline", inputs: { showLessText: "showLessText", showMoreText: "showMoreText", visibleItems: "visibleItems" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTimeline = __decorate([
     ProxyCmp({
-        inputs: ['showMoreText', 'visibleItems']
+        inputs: ['showLessText', 'showMoreText', 'visibleItems']
     })
 ], SpwTimeline);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTimeline, decorators: [{
@@ -2189,7 +2192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['showMoreText', 'visibleItems'],
+                    inputs: ['showLessText', 'showMoreText', 'visibleItems'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwTimelineItem = class SpwTimelineItem {
@@ -2199,11 +2202,11 @@ let SpwTimelineItem = class SpwTimelineItem {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTimelineItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTimelineItem, isStandalone: true, selector: "spw-timeline-item", inputs: { accAriaLabel: "accAriaLabel", description: "description", href: "href", isLast: "isLast", label: "label", state: "state", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTimelineItem, isStandalone: true, selector: "spw-timeline-item", inputs: { description: "description", isLast: "isLast", label: "label", state: "state", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTimelineItem = __decorate([
     ProxyCmp({
-        inputs: ['accAriaLabel', 'description', 'href', 'isLast', 'label', 'state', 'target', 'variant']
+        inputs: ['description', 'isLast', 'label', 'state', 'variant']
     })
 ], SpwTimelineItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTimelineItem, decorators: [{
@@ -2213,7 +2216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accAriaLabel', 'description', 'href', 'isLast', 'label', 'state', 'target', 'variant'],
+                    inputs: ['description', 'isLast', 'label', 'state', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwToc = class SpwToc {
@@ -2314,12 +2317,15 @@ let SpwTopbar = class SpwTopbar {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['logoClick']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTopbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTopbar, isStandalone: true, selector: "spw-topbar", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SpwTopbar, isStandalone: true, selector: "spw-topbar", inputs: { emitLogoClick: "emitLogoClick", hasWallonieLogo: "hasWallonieLogo", homepageLink: "homepageLink", siteTitle: "siteTitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SpwTopbar = __decorate([
-    ProxyCmp({})
+    ProxyCmp({
+        inputs: ['emitLogoClick', 'hasWallonieLogo', 'homepageLink', 'siteTitle']
+    })
 ], SpwTopbar);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpwTopbar, decorators: [{
             type: Component,
@@ -2328,7 +2334,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['emitLogoClick', 'hasWallonieLogo', 'homepageLink', 'siteTitle'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let SpwWizard = class SpwWizard {