@breadstone/mosaik-elements-angular 0.0.237 → 0.0.241

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 0.0.241 (2026-04-30)
+
+### 🚀 Features
+
+- **translate:** enhance provideTranslations for async loading and error handling ([5852fcc519](https://github.com/RueDeRennes/mosaik/commit/5852fcc519))
+
+## 0.0.238 (2026-04-29)
+
+### 🚀 Features
+
+- **breadcrumb:** enhance breadcrumb and item components with new properties and slots ([2aa158afd2](https://github.com/RueDeRennes/mosaik/commit/2aa158afd2))
+
 ## 0.0.237 (2026-04-28)
 
 ### 🚀 Features

package/fesm2022/mosaik-elements-angular.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ChangeDetectorRef, ElementRef, DestroyRef, input, effect, output, ChangeDetectionStrategy, Component, makeEnvironmentProviders, Injectable, Renderer2, Input, Directive, ViewContainerRef, TemplateRef, isDevMode, EnvironmentInjector, runInInjectionContext, signal, booleanAttribute, forwardRef, ContentChildren, HostListener, untracked, Injector, afterNextRender, ContentChild, computed, DOCUMENT, provideEnvironmentInitializer, Pipe, ViewChild, ViewEncapsulation, Optional, Inject, SkipSelf } from '@angular/core';
+import { InjectionToken, inject, ChangeDetectorRef, ElementRef, DestroyRef, input, effect, output, ChangeDetectionStrategy, Component, makeEnvironmentProviders, Injectable, Renderer2, Input, Directive, ViewContainerRef, TemplateRef, isDevMode, EnvironmentInjector, runInInjectionContext, signal, booleanAttribute, forwardRef, ContentChildren, HostListener, untracked, Injector, afterNextRender, ContentChild, computed, DOCUMENT, provideEnvironmentInitializer, Pipe, ViewChild, ViewEncapsulation, Optional, Inject, SkipSelf, provideAppInitializer } from '@angular/core';
 import * as i1 from '@breadstone/mosaik-elements-foundation';
 import { AbsoluteItemElement, AbsoluteElement, ActionbarGroupElement, ActionbarItemElement, ActionbarSeparatorElement, ActionbarElement, AnchorElement, AppHeaderElement, AppElement, AttachmentChatToolElement, AudioElement, AnimationPlayer, Animation, BREAKPOINTS, PerspectiveElement, RippleElement, ScaleElement, ProgressRingElement, FlipElement, TooltipElement, dataListElementValueAccessor, DataListElement, dataTableElementValueAccessor, DataTableElement, StepperElement, WizardElement, Size, Spacing, TextFormatters, DIALOG_STACK_BEHAVIOR_DEFAULT_CONFIG, DialogHeaderElement, DialogHeaderTextElement, DialogHeaderSubTextElement, DialogActionsElement, ButtonElement, DialogElement, DialogFooterElement, EID, Key, DRAWER_STACK_BEHAVIOR_DEFAULT_CONFIG, DrawerElement, DrawerHeaderElement, DrawerHeaderTextElement, DrawerHeaderSubTextElement, DrawerContentElement, DrawerActionsElement, DrawerFooterElement, DismissElement, MessageBoxElement, SheetElement, SheetContentElement, SheetFooterElement, SheetHeaderElement, SheetHeaderSubTextElement, SheetHeaderTextElement, ToastElement, DateAgoIntl, TimeAgoIntl, ThemeService as ThemeService$1, TranslatorService, Translator, TranslatorServiceLocator, autoCompleteBoxElementValueAccessor, AutoCompleteBoxElement, AvatarGroupElement, avatarElementValueAccessor, AvatarElement, BackdropElement, BadgeElement, BannerGroupElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, BusyStateElement, ButtonGroupElement, CalendarHeaderElement, CalendarItemElement, CalendarSubHeaderElement, calendarElementValueAccessor, CalendarElement, CameraElement, CardActionsElement, CardContentElement, CardFooterElement, CardHeaderElement, CardSubTitleElement, CardTitleElement, CardElement, Carousel2Element, CarouselItem2Element, CarouselItemElement, CarouselElement, CellGroupElement, CellElement, ChartElement, ChatHeaderElement, ChatInputAttachmentListElement, ChatInputElement, ChatMarkerElement, ChatMessageAvatarElement, ChatMessageDividerElement, ChatMessageReactionElement, ChatMessageElement, ChatElement, checkBoxGroupElementValueAccessor, CheckBoxGroupElement, checkboxElementValueAccessor, CheckboxElement, CheckmarkElement, chipGroupElementValueAccessor, ChipGroupElement, ChipElement, chipBoxElementValueAccessor, ChipBoxElement, ChoiceGroupHeaderElement, choiceGroupElementValueAccessor, ChoiceGroupElement, choiceElementValueAccessor, ChoiceElement, CodeElement, ColorAreaElement, colorEditorAlphaSliderElementValueAccessor, ColorEditorAlphaSliderElement, colorEditorAreaElementValueAccessor, ColorEditorAreaElement, colorEditorHueSliderElementValueAccessor, ColorEditorHueSliderElement, colorEditorInputsElementValueAccessor, ColorEditorInputsElement, colorEditorPaletteElementValueAccessor, ColorEditorPaletteElement, colorEditorShadeSliderElementValueAccessor, ColorEditorShadeSliderElement, colorEditorSwatchElementValueAccessor, ColorEditorSwatchElement, colorEditorElementValueAccessor, ColorEditorElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, colorBoxElementValueAccessor, ColorBoxElement, ComboItemElement, comboElementValueAccessor, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, dateBoxElementValueAccessor, DateBoxElement, dateTimeBoxElementValueAccessor, DateTimeBoxElement, DesignerCanvasElement, DesignerContentElement, DesignerFrameElement, DesignerElement, DialogContentElement, DisclosureElement, DividerElement, DockPanelElement, DotGroupElement, DotElement, DrawerContainerElement, DropZoneElement, DropDownButtonElement, DurationBoxElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpandableElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, fileUploadElementValueAccessor, FileUploadElement, FloatingTriggerElement, FloatingElement, FlowBoardColumnComposerElement, FlowBoardColumnItemComposerElement, FlowBoardColumnItemElement, FlowBoardColumnElement, FlowBoardElement, FocusRingElement, FontEditorElement, FooterItemGroupElement, FooterItemElement, FooterElement, FormFieldElement, FormElement, GhostElement, GridItemElement, GridElement, HelmetElement, HintElement, IconElement, ImageElement, IndicatorElement, JumbotronHeaderElement, JumbotronSubHeaderElement, JumbotronElement, KbdShortcutElement, KbdElement, LightChainElement, ListItemGroupElement, ListItemElement, listElementValueAccessor, ListElement, ListingItemMarkerElement, ListingItemElement, ListingElement, MapElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageContentElement, MessageElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, numberBoxElementValueAccessor, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, passwordBoxElementValueAccessor, PasswordBoxElement, PatternElement, PersonaElement, pinBoxElementValueAccessor, PinBoxElement, PipElement, PlaceholderElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, PressButtonElement, ProgressBarElement, QRCodeElement, radioGroupElementValueAccessor, RadioGroupElement, radioElementValueAccessor, RadioElement, RatingElement, ReactionChatToolElement, RegionViewElement, RegionElement, RepeatButtonElement, ResizeAdornerElement, ResizeThumbElement, ResizeElement, RibbonElement, richTextBoxElementValueAccessor, RichTextBoxElement, SchedulerEventElement, SchedulerElement, ScrollElement, scrubSliderElementValueAccessor, ScrubSliderElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StepperItemElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyCellElement, TableBodyRowElement, TableBodyElement, TableColumnEditorElement, TableFooterCellElement, TableFooterRowElement, TableFooterElement, TableHeaderCellElement, TableHeaderRowElement, TableHeaderElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, ThumbElement, ThumbnailElement, TickBarElement, TileListItemElement, TileListElement, TileManagerTileElement, TileManagerElement, TileElement, timeBoxElementValueAccessor, TimeBoxElement, TimelineContentElement, TimelineItemElement, TimelineMarkerElement, TimelineOppositeElement, TimelineElement, toggleButtonGroupElementValueAccessor, ToggleButtonGroupElement, toggleButtonElementValueAccessor, ToggleButtonElement, toggleSwitchElementValueAccessor, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TourAnchorElement, TourStepElement, TourElement, TreeItemElement, treeElementValueAccessor, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, VoiceRecorderChatToolElement, WizardStepElement, WrapElement } from '@breadstone/mosaik-elements-foundation';
 import { AbstractControl, FormGroupDirective, NgControl, TouchedChangeEvent, NG_VALUE_ACCESSOR, FormControl, FormArray, FormGroup } from '@angular/forms';
@@ -18535,12 +18535,45 @@ function provideTranslationRegistry(config) {
             }
         }]);
 }
+/**
+ * Provides translations for the application.
+ *
+ * Accepts either synchronous `Record<string, string>` values per language,
+ * or `Promise<Record<string, string>>` for lazy-loaded translations (e.g. via dynamic `import()`).
+ *
+ * When promises are detected, an `APP_INITIALIZER` is used to ensure translations are
+ * available before the application renders. If a promise rejects, the translation key
+ * itself is used as fallback (no app crash).
+ *
+ * @public
+ */
 function provideTranslations(translations) {
+    const entries = Object.entries(translations ?? {});
+    const hasAsync = entries.some(([, value]) => value != null && typeof value.then === 'function');
+    if (!hasAsync) {
+        return makeEnvironmentProviders([
+            provideEnvironmentInitializer(() => {
+                const translate = inject(TranslateService);
+                entries.forEach(([lang, data]) => {
+                    translate.addTranslations(lang, data);
+                });
+            })
+        ]);
+    }
     return makeEnvironmentProviders([
-        provideEnvironmentInitializer(() => {
+        provideAppInitializer(async () => {
             const translate = inject(TranslateService);
-            Object.entries(translations ?? {}).forEach(([l, t]) => {
-                translate.addTranslations(l, t);
+            const resolved = await Promise.all(entries.map(async ([lang, data]) => {
+                try {
+                    const result = await data;
+                    return [lang, result];
+                }
+                catch {
+                    return [lang, {}];
+                }
+            }));
+            resolved.forEach(([lang, data]) => {
+                translate.addTranslations(lang, data);
             });
         })
     ]);
@@ -21668,7 +21701,7 @@ const BREADCRUMB_ITEM_DEFAULT_PROPS = new InjectionToken('MOSAIK_BREADCRUMB_ITEM
 /**
  * @public
  *
- * @slot  - The content of the breadcrumb item, typically text or an icon.
+ * @slot label - The label content when using the anchor behavior.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let BreadcrumbItemComponent = class BreadcrumbItemComponent {
@@ -21697,12 +21730,60 @@ let BreadcrumbItemComponent = class BreadcrumbItemComponent {
      * @public
      */
     isActive = input(...(ngDevMode ? [undefined, { debugName: "isActive" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `underline` property.
+     *
+     * @public
+     */
+    underline = input(...(ngDevMode ? [undefined, { debugName: "underline" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `download` property.
+     *
+     * @public
+     */
+    download = input(...(ngDevMode ? [undefined, { debugName: "download" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `href` property.
+     *
+     * @public
+     */
+    href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `rel` property.
+     *
+     * @public
+     */
+    rel = input(...(ngDevMode ? [undefined, { debugName: "rel" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `target` property.
+     *
+     * @public
+     */
+    target = input(...(ngDevMode ? [undefined, { debugName: "target" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `themeName` property.
      *
      * @public
      */
     themeName = input(...(ngDevMode ? [undefined, { debugName: "themeName" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `variant` property.
+     *
+     * @public
+     */
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `disabled` property.
+     *
+     * @public
+     */
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `label` property.
+     *
+     * @public
+     */
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `dir` property.
      *
@@ -21728,10 +21809,42 @@ let BreadcrumbItemComponent = class BreadcrumbItemComponent {
             if (isActiveValue !== undefined) {
                 this._element.isActive = isActiveValue;
             }
+            const underlineValue = this.underline();
+            if (underlineValue !== undefined) {
+                this._element.underline = underlineValue;
+            }
+            const downloadValue = this.download();
+            if (downloadValue !== undefined) {
+                this._element.download = downloadValue;
+            }
+            const hrefValue = this.href();
+            if (hrefValue !== undefined) {
+                this._element.href = hrefValue;
+            }
+            const relValue = this.rel();
+            if (relValue !== undefined) {
+                this._element.rel = relValue;
+            }
+            const targetValue = this.target();
+            if (targetValue !== undefined) {
+                this._element.target = targetValue;
+            }
             const themeNameValue = this.themeName();
             if (themeNameValue !== undefined) {
                 this._element.themeName = themeNameValue;
             }
+            const variantValue = this.variant();
+            if (variantValue !== undefined) {
+                this._element.variant = variantValue;
+            }
+            const disabledValue = this.disabled();
+            if (disabledValue !== undefined) {
+                this._element.disabled = disabledValue;
+            }
+            const labelValue = this.label();
+            if (labelValue !== undefined) {
+                this._element.label = labelValue;
+            }
             const dirValue = this.dir();
             if (dirValue !== undefined) {
                 this._element.dir = dirValue;
@@ -21788,13 +21901,13 @@ let BreadcrumbItemComponent = class BreadcrumbItemComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: BreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: BreadcrumbItemComponent, isStandalone: true, selector: "mosaik-breadcrumb-item", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: BreadcrumbItemComponent, isStandalone: true, selector: "mosaik-breadcrumb-item", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, download: { classPropertyName: "download", publicName: "download", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, rel: { classPropertyName: "rel", publicName: "rel", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 BreadcrumbItemComponent = __decorate$3Y([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-breadcrumb-item', BreadcrumbItemElement),
-        inputs: ['isActive', 'themeName', 'dir', 'lang'],
-        methods: ['firstItem', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
+        inputs: ['isActive', 'underline', 'download', 'href', 'rel', 'target', 'themeName', 'variant', 'disabled', 'label', 'dir', 'lang'],
+        methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$3Y("design:paramtypes", [])
 ], BreadcrumbItemComponent);
@@ -21806,7 +21919,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], underline: [{ type: i0.Input, args: [{ isSignal: true, alias: "underline", required: false }] }], download: [{ type: i0.Input, args: [{ isSignal: true, alias: "download", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], rel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rel", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -21841,6 +21954,7 @@ const BREADCRUMB_DEFAULT_PROPS = new InjectionToken('MOSAIK_BREADCRUMB_DEFAULT_P
  * @public
  *
  * @slot  - The default slot.
+ * @slot item-${i} - The item-${i} slot.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let BreadcrumbComponent = class BreadcrumbComponent {
@@ -21966,7 +22080,7 @@ BreadcrumbComponent = __decorate$3X([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-breadcrumb', BreadcrumbElement),
         inputs: ['wrap', 'themeName', 'dir', 'lang'],
-        methods: ['onSlotChange', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
+        methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$3X("design:paramtypes", [])
 ], BreadcrumbComponent);