@odx/angular 12.26.1 → 13.0.0

package/fesm2022/odx-angular-components-header-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-header-navigation.mjs","sources":["../../../../libs/angular/components/header-navigation/src/lib/directives/header-navigation-link.directive.ts","../../../../libs/angular/components/header-navigation/src/lib/header-navigation.component.ts","../../../../libs/angular/components/header-navigation/src/lib/header-navigation.component.html","../../../../libs/angular/components/header-navigation/src/lib/header-navigation.module.ts","../../../../libs/angular/components/header-navigation/src/odx-angular-components-header-navigation.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { RouterLinkActive } from '@angular/router';\nimport { reactiveClassBinding } from '@odx/angular/utils';\nimport { distinctUntilChanged, startWith } from 'rxjs';\n\n@Directive({\n  standalone: true,\n  selector: '[routerLink][odxHeaderNavigationLink]',\n  hostDirectives: [{ directive: RouterLinkActive, inputs: ['routerLinkActiveOptions'] }],\n})\nexport class HeaderNavigationRouterLinkDirective {}\n\n/**\n * Directive for handling header navigation links.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxHeaderNavigationLink]',\n})\nexport class HeaderNavigationLinkDirective {\n  constructor() {\n    const routerLinkActive = inject(RouterLinkActive, { self: true, optional: true });\n    if (!routerLinkActive) return;\n    const isActive$ = routerLinkActive.isActiveChange.pipe(startWith(routerLinkActive.isActive), distinctUntilChanged());\n    reactiveClassBinding(isActive$, 'is-active');\n  }\n}\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents the header navigation component.\n */\n@CSSComponent('header-navigation')\n@Component({\n  standalone: true,\n  selector: 'odx-header-navigation',\n  templateUrl: './header-navigation.component.html',\n  imports: [ActionGroupComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderNavigationComponent {\n  public readonly element = injectElement();\n\n  /**\n   * Indicates whether the header navigation should be centered.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public centered!: boolean;\n}\n","<odx-action-group class=\"odx-header-navigation__inner\">\n  <ng-content select=\"ng-template, [odxHeaderNavigationLink]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { HeaderNavigationLinkDirective, HeaderNavigationRouterLinkDirective } from './directives';\nimport { HeaderNavigationComponent } from './header-navigation.component';\n\nconst modules = [HeaderNavigationComponent, HeaderNavigationLinkDirective, HeaderNavigationRouterLinkDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class HeaderNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-components-header-navigation.mjs","sources":["../../../../libs/angular/components/header-navigation/src/lib/directives/header-navigation-link.directive.ts","../../../../libs/angular/components/header-navigation/src/lib/header-navigation.component.ts","../../../../libs/angular/components/header-navigation/src/lib/header-navigation.component.html","../../../../libs/angular/components/header-navigation/src/lib/header-navigation.module.ts","../../../../libs/angular/components/header-navigation/src/odx-angular-components-header-navigation.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { RouterLinkActive } from '@angular/router';\nimport { reactiveClassBinding } from '@odx/angular/utils';\nimport { distinctUntilChanged, startWith } from 'rxjs';\n\n@Directive({\n  standalone: true,\n  selector: '[routerLink][odxHeaderNavigationLink]',\n  hostDirectives: [{ directive: RouterLinkActive, inputs: ['routerLinkActiveOptions'] }],\n})\nexport class HeaderNavigationRouterLinkDirective {}\n\n/**\n * Directive for handling header navigation links.\n */\n@Directive({\n  standalone: true,\n  selector: '[odxHeaderNavigationLink]',\n})\nexport class HeaderNavigationLinkDirective {\n  constructor() {\n    const routerLinkActive = inject(RouterLinkActive, { self: true, optional: true });\n    if (!routerLinkActive) return;\n    const isActive$ = routerLinkActive.isActiveChange.pipe(startWith(routerLinkActive.isActive), distinctUntilChanged());\n    reactiveClassBinding(isActive$, 'is-active');\n  }\n}\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n/**\n * Represents the header navigation component.\n */\n@CSSComponent('header-navigation')\n@Component({\n  standalone: true,\n  selector: 'odx-header-navigation',\n  templateUrl: './header-navigation.component.html',\n  imports: [ActionGroupComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderNavigationComponent {\n  public readonly element = injectElement();\n\n  /**\n   * Indicates whether the header navigation should be centered.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public centered!: boolean;\n}\n","<odx-action-group class=\"odx-header-navigation__inner\">\n  <ng-content select=\"ng-template, [odxHeaderNavigationLink]\" ngProjectAs=\"[odxButton]\" />\n</odx-action-group>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { HeaderNavigationLinkDirective, HeaderNavigationRouterLinkDirective } from './directives';\nimport { HeaderNavigationComponent } from './header-navigation.component';\n\nconst modules = [HeaderNavigationComponent, HeaderNavigationLinkDirective, HeaderNavigationRouterLinkDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class HeaderNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-header.mjs

@@ -22,10 +22,10 @@ class HeaderAvatarDirective {
     ngAfterViewInit() {
         this.button.variant = ButtonVariant.GHOST;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: HeaderAvatarDirective, isStandalone: true, selector: "button[odxButton][odxHeaderAvatar]", host: { properties: { "class.odx-header__avatar": "true" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: HeaderAvatarDirective, isStandalone: true, selector: "button[odxButton][odxHeaderAvatar]", host: { properties: { "class.odx-header__avatar": "true" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderAvatarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAvatarDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -40,10 +40,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Directive for displaying the title in the header component.
  */
 class HeaderTitleDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: HeaderTitleDirective, isStandalone: true, selector: "odx-header-title", host: { properties: { "class.odx-header__title": "true" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: HeaderTitleDirective, isStandalone: true, selector: "odx-header-title", host: { properties: { "class.odx-header__title": "true" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'odx-header-title',
@@ -61,13 +61,13 @@ let HeaderComponent = class HeaderComponent {
     constructor() {
         this.element = injectElement();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HeaderComponent, isStandalone: true, selector: "odx-header", ngImport: i0, template: "<ng-content select=\"button[odxMainMenuButton]\" />\n<odx-logo />\n<ng-content select=\"odx-header-title\" />\n<div class=\"odx-header__content\">\n  <span class=\"odx-header__content-container\"><ng-content /></span>\n</div>\n<ng-content select=\"odx-search-bar\" />\n<ng-content select=\"odx-action-group, odx-auth, odx-institution-assignment\" />\n<ng-content select=\"[odxHeaderAvatar]\" />\n", dependencies: [{ kind: "directive", type: LogoDirective, selector: "odx-logo", inputs: ["size", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: HeaderComponent, isStandalone: true, selector: "odx-header", ngImport: i0, template: "<ng-content select=\"button[odxMainMenuButton]\" />\n<odx-logo />\n<ng-content select=\"odx-header-title\" />\n<div class=\"odx-header__content\">\n  <span class=\"odx-header__content-container\"><ng-content /></span>\n</div>\n<ng-content select=\"odx-search-bar\" />\n<ng-content select=\"odx-action-group, odx-auth, odx-institution-assignment\" />\n<ng-content select=\"[odxHeaderAvatar]\" />\n", dependencies: [{ kind: "directive", type: LogoDirective, selector: "odx-logo", inputs: ["size", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 HeaderComponent = __decorate([
     CSSComponent('header')
 ], HeaderComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'odx-header', imports: [LogoDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"button[odxMainMenuButton]\" />\n<odx-logo />\n<ng-content select=\"odx-header-title\" />\n<div class=\"odx-header__content\">\n  <span class=\"odx-header__content-container\"><ng-content /></span>\n</div>\n<ng-content select=\"odx-search-bar\" />\n<ng-content select=\"odx-action-group, odx-auth, odx-institution-assignment\" />\n<ng-content select=\"[odxHeaderAvatar]\" />\n" }]
         }] });
@@ -83,8 +83,8 @@ const modules = [
     AvatarComponent,
 ];
 class HeaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: HeaderModule, imports: [HeaderComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: HeaderModule, imports: [HeaderComponent,
             HeaderTitleDirective,
             HeaderAvatarDirective,
             MainMenuModule,
@@ -99,13 +99,13 @@ class HeaderModule {
             IconComponent,
             ButtonComponent,
             AvatarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderModule, imports: [MainMenuModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderModule, imports: [MainMenuModule,
             ActionGroupComponent,
             IconComponent,
             ButtonComponent,
             AvatarComponent, CoreModule, MainMenuModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,

package/fesm2022/odx-angular-components-icon.mjs

@@ -1,9 +1,10 @@
-import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { booleanAttribute, Input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { CSSModifier, CSSComponent } from '@odx/angular/internal';
-import { createConfigTokens, injectElement } from '@odx/angular/utils';
+import { Input, Component } from '@angular/core';
+import { injectElement, setAttribute, createConfigTokens } from '@odx/angular/utils';
 
+/**
+ * @deprecated Use `OdxIconSet` from `@odx/icons` instead. This type is retained for backward compatibility and will be removed in future releases.
+ */
 const IconSet = {
     CORE: 'core',
     MEDICAL: 'medical',
@@ -12,10 +13,28 @@ const IconSet = {
 };
 
 const IconSize = {
+    /**
+     * @deprecated Use `sm` instead.
+     */
     SMALL: 'small',
+    SM: 'sm',
+    /**
+     * @deprecated Use `md` instead.
+     */
     MEDIUM: 'medium',
+    MD: 'md',
+    /**
+     * @deprecated Use `lg` instead.
+     */
     LARGE: 'large',
+    LG: 'lg',
+    XS: 'xs',
+    XL: 'xl',
+    /**
+     * @deprecated Use `xxl` instead.
+     */
     XLARGE: 'xlarge',
+    XXL: 'xxl',
     INLINE: 'inline',
 };
 
@@ -56,29 +75,6 @@ function isIconSet(value) {
     return Object.values(IconSet).includes(value);
 }
 
-/**
- * Utility functions generated to handle the injection and provision of the `IconConfig`.
- * These include tokens and functions for accessing and providing icon configurations.
- *
- * - `IconConfig`: A type representing the shape of the icon configuration object.
- * - `IconDefaultConfig`: The default configuration which sets 'core' as the default icon set.
- * - `injectIconConfig`: A function to inject the icon configuration, usable in Angular components or services.
- * - `provideIconConfig`: A function to provide the icon configuration, typically used in Angular module providers.
- *
- * @example
- * ```ts
- * // To inject icon configuration in a component or service
- * const config = injectIconConfig();
- * console.log(config.defaultIconSet); // Outputs: 'core'
- *
- * // To provide icon configuration in a module
- * provideIconConfig({ defaultIconSet: 'custom' });
- * ```
- */
-const { IconConfig, IconDefaultConfig, injectIconConfig, provideIconConfig } = createConfigTokens('Icon', '@odx/angular/components/icon', {
-    defaultIconSet: IconSet.CORE,
-});
-
 /**
  * Represents an icon component that can dynamically display various icons based on input properties. This component
  * leverages CSS for styling and is designed to be easily embedded within other components and views.
@@ -86,91 +82,107 @@ const { IconConfig, IconDefaultConfig, injectIconConfig, provideIconConfig } = c
  * It allows for specifying icon sets and individual icon names, supporting flexible usage across different contexts
  * and themes. The component is also optimized for performance with Angular's OnPush change detection strategy.
  */
-let IconComponent = class IconComponent {
+class IconComponent {
     constructor() {
         this.element = injectElement();
-        /**
-         * Determines whether the icon should be displayed inline with text or other elements.
-         *
-         * @type {boolean}
-         * @default false
-         */
-        this.inline = false;
-        /**
-         * Specifies the size of the icon, which can be adjusted using predefined sizes from the IconSize enum.
-         *
-         * @type {IconSize}
-         * @default IconSize.MEDIUM
-         */
-        this.size = IconSize.MEDIUM;
-        /**
-         * The name of the icon to be displayed, which corresponds to specific icons within a given icon set.
-         *
-         * @type {string | null}
-         * @default null
-         */
-        this.name = null;
-        /**
-         * Specifies the icon set that the icon belongs to. The default set can be injected from the icon configuration.
-         *
-         * @type {IconSet | null}
-         */
-        this.iconSet = injectIconConfig().defaultIconSet;
+    }
+    /**
+     * Specifies the size of the icon, which can be adjusted using predefined sizes from the IconSize enum.
+     *
+     * @type {IconSize}
+     * @default IconSize.MEDIUM
+     */
+    set size(value) {
+        setAttribute(this.element.nativeElement, 'size', value);
+    }
+    get size() {
+        return this.element.nativeElement.getAttribute('size') || IconSize.MD;
+    }
+    /**
+     * The name of the icon to be displayed, which corresponds to specific icons within a given icon set.
+     *
+     * @type {OdxIconName | null}
+     * @default null
+     */
+    set name(value) {
+        setAttribute(this.element.nativeElement, 'name', value);
+    }
+    get name() {
+        return this.element.nativeElement.getAttribute('name') || null;
+    }
+    /**
+     * Specifies the icon set that the icon belongs to. The default set can be injected from the icon configuration.
+     *
+     * @type {OdxIconSet | null}
+     */
+    set set(value) {
+        setAttribute(this.element.nativeElement, 'set', value);
+    }
+    get set() {
+        return this.element.nativeElement.getAttribute('set');
     }
     /**
      * Allows for setting both the icon set and icon name via a single identifier, typically formatted as 'set::name'.
-     * Unpacking this identifier sets both `name` and `iconSet` properties.
+     * Unpacking this identifier sets both `name` and `set` properties.
      *
      * @param {string | null | undefined} value - The identifier to unpack.
+     * @deprecated Use `name` and `set` properties directly instead of the `identifier` input for better clarity and separation of concerns.
      */
     set identifier(value) {
-        const [iconSet, name] = value ? unpackIconIdentifier(value) : [null, null];
+        const [set, name] = value ? unpackIconIdentifier(value) : [null, null];
         this.name = name;
-        this.iconSet = iconSet;
+        this.set = set;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: IconComponent, isStandalone: true, selector: "odx-icon", inputs: { inline: ["inline", "inline", booleanAttribute], size: "size", name: "name", iconSet: ["iconSet", "iconSet", (value) => (isIconSet(value) ? value : null)], identifier: "identifier" }, host: { attributes: { "translate": "no" }, properties: { "class.notranslate": "true", "attr.data-icon-name": "name", "attr.data-icon-set": "iconSet" } }, ngImport: i0, template: '<span></span>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-};
-__decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
-], IconComponent.prototype, "inline", void 0);
-__decorate([
-    CSSModifier(),
-    __metadata("design:type", String)
-], IconComponent.prototype, "size", void 0);
-IconComponent = __decorate([
-    CSSComponent('icon')
-], IconComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: IconComponent, isStandalone: true, selector: "odx-icon", inputs: { size: "size", name: "name", set: "set", identifier: "identifier" }, host: { attributes: { "translate": "no" }, properties: { "class.odx-icon": "true", "attr.size": "size" } }, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'odx-icon',
-                    template: '<span></span>',
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true,
                     host: {
-                        '[class.notranslate]': 'true',
-                        '[attr.data-icon-name]': 'name',
-                        '[attr.data-icon-set]': 'iconSet',
+                        '[class.odx-icon]': 'true',
+                        '[attr.size]': 'size',
                         translate: 'no',
                     },
+                    template: '',
                 }]
-        }], propDecorators: { inline: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], size: [{
+        }], propDecorators: { size: [{
                 type: Input
             }], name: [{
                 type: Input
-            }], iconSet: [{
-                type: Input,
-                args: [{ transform: (value) => (isIconSet(value) ? value : null) }]
+            }], set: [{
+                type: Input
             }], identifier: [{
                 type: Input
             }] } });
 
+/**
+ * Utility functions generated to handle the injection and provision of the `IconConfig`.
+ * These include tokens and functions for accessing and providing icon configurations.
+ *
+ * - `IconConfig`: A type representing the shape of the icon configuration object.
+ * - `IconDefaultConfig`: The default configuration which sets 'core' as the default icon set.
+ * - `injectIconConfig`: A function to inject the icon configuration, usable in Angular components or services.
+ * - `provideIconConfig`: A function to provide the icon configuration, typically used in Angular module providers.
+ *
+ * @example
+ * ```ts
+ * // To inject icon configuration in a component or service
+ * const config = injectIconConfig();
+ * console.log(config.defaultIconSet); // Outputs: 'core'
+ *
+ * // To provide icon configuration in a module
+ * provideIconConfig({ defaultIconSet: 'custom' });
+ * ```
+ *
+ * @deprecated The `defaultIconSet` property in the configuration is deprecated. Please specify the icon set directly on the component instead of relying on a default configuration.
+ */
+const { IconConfig, IconDefaultConfig, injectIconConfig, provideIconConfig } = createConfigTokens('Icon', '@odx/angular/components/icon', {
+    defaultIconSet: 'core',
+});
+
 /**
  * Generated bundle index. Do not edit.
  */

package/fesm2022/odx-angular-components-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-icon.mjs","sources":["../../../../libs/angular/components/icon/src/lib/models/icon-set.ts","../../../../libs/angular/components/icon/src/lib/models/icon-size.ts","../../../../libs/angular/components/icon/src/lib/helpers/unpack-icon-identifier.ts","../../../../libs/angular/components/icon/src/lib/icon.config.ts","../../../../libs/angular/components/icon/src/lib/icon.component.ts","../../../../libs/angular/components/icon/src/odx-angular-components-icon.ts"],"sourcesContent":["export type IconSet = (typeof IconSet)[keyof typeof IconSet];\n\nexport const IconSet = {\n  CORE: 'core',\n  MEDICAL: 'medical',\n  SAFETY: 'safety',\n  UIB_LEGACY: 'uib-legacy',\n} as const;\n","export type IconSize = (typeof IconSize)[keyof typeof IconSize];\n\nexport const IconSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n  XLARGE: 'xlarge',\n  INLINE: 'inline',\n} as const;\n","import { IconSet } from '../models';\n\n/**\n * Unpacks a combined icon identifier string into separate icon set and icon name components.\n * The identifier is expected to follow the format \"iconSet::iconName\". If the \"iconName\" part is\n * missing, the function assumes the icon belongs to the 'core' set.\n *\n * @param {string} value The combined identifier string in the format \"iconSet::iconName\".\n * @returns {[iconSet: string, iconName: string]} A tuple containing the icon set and icon name as two separate strings. Defaults to 'core'\n *          if the iconName is omitted in the input.\n *\n * @example\n * ```ts\n * unpackIconIdentifier(\"menu\")       // returns ['core', 'menu']\n * ```\n */\nexport function unpackIconIdentifier(value: string): [iconSet: IconSet, iconName: string] {\n  const [iconSet, iconName] = value.split('::');\n  if (!iconName) return [IconSet.CORE, iconSet];\n  const set: IconSet = isIconSet(iconSet) ? iconSet : IconSet.CORE;\n  return [set, iconName];\n}\n\n/**\n * Determines if a given string is a valid icon set.\n *\n * @param {string} value The value to check if it is a valid icon set.\n * @returns {boolean} Whether the value is a valid icon set.\n *\n * @example\n * ```ts\n * isIconSet('core')       // returns true\n * isIconSet('custom')     // returns false\n * ```\n */\nexport function isIconSet(value: string): value is IconSet {\n  return Object.values(IconSet).includes(value as IconSet);\n}\n","import { createConfigTokens } from '@odx/angular/utils';\nimport { IconSet } from './models';\n\n/**\n * Represents the configuration options for icons in the application, specifying defaults\n * and configurations for the icon components used across the system.\n *\n * @typedef {Object} IconConfig\n * @property {IconSet} defaultIconSet - The default set of icons to use if no specific set is provided.\n */\nexport interface IconConfig {\n  defaultIconSet: IconSet;\n}\n\n/**\n * Utility functions generated to handle the injection and provision of the `IconConfig`.\n * These include tokens and functions for accessing and providing icon configurations.\n *\n * - `IconConfig`: A type representing the shape of the icon configuration object.\n * - `IconDefaultConfig`: The default configuration which sets 'core' as the default icon set.\n * - `injectIconConfig`: A function to inject the icon configuration, usable in Angular components or services.\n * - `provideIconConfig`: A function to provide the icon configuration, typically used in Angular module providers.\n *\n * @example\n * ```ts\n * // To inject icon configuration in a component or service\n * const config = injectIconConfig();\n * console.log(config.defaultIconSet); // Outputs: 'core'\n *\n * // To provide icon configuration in a module\n * provideIconConfig({ defaultIconSet: 'custom' });\n * ```\n */\nexport const { IconConfig, IconDefaultConfig, injectIconConfig, provideIconConfig } = createConfigTokens('Icon', '@odx/angular/components/icon', {\n  defaultIconSet: IconSet.CORE,\n} as IconConfig);\n","import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { isIconSet, unpackIconIdentifier } from './helpers';\nimport { injectIconConfig } from './icon.config';\nimport { IconSet, IconSize } from './models';\n\n/**\n * Represents an icon component that can dynamically display various icons based on input properties. This component\n * leverages CSS for styling and is designed to be easily embedded within other components and views.\n *\n * It allows for specifying icon sets and individual icon names, supporting flexible usage across different contexts\n * and themes. The component is also optimized for performance with Angular's OnPush change detection strategy.\n */\n@CSSComponent('icon')\n@Component({\n  selector: 'odx-icon',\n  template: '<span></span>',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    '[class.notranslate]': 'true',\n    '[attr.data-icon-name]': 'name',\n    '[attr.data-icon-set]': 'iconSet',\n    translate: 'no',\n  },\n})\nexport class IconComponent {\n  public readonly element = injectElement();\n\n  /**\n   * Determines whether the icon should be displayed inline with text or other elements.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public inline = false;\n\n  /**\n   * Specifies the size of the icon, which can be adjusted using predefined sizes from the IconSize enum.\n   *\n   * @type {IconSize}\n   * @default IconSize.MEDIUM\n   */\n  @CSSModifier()\n  @Input()\n  public size: IconSize = IconSize.MEDIUM;\n\n  /**\n   * The name of the icon to be displayed, which corresponds to specific icons within a given icon set.\n   *\n   * @type {string | null}\n   * @default null\n   */\n  @Input()\n  public name: string | null = null;\n\n  /**\n   * Specifies the icon set that the icon belongs to. The default set can be injected from the icon configuration.\n   *\n   * @type {IconSet | null}\n   */\n  @Input({ transform: (value: string) => (isIconSet(value) ? value : null) })\n  public iconSet: IconSet | null = injectIconConfig().defaultIconSet;\n\n  /**\n   * Allows for setting both the icon set and icon name via a single identifier, typically formatted as 'set::name'.\n   * Unpacking this identifier sets both `name` and `iconSet` properties.\n   *\n   * @param {string | null | undefined} value - The identifier to unpack.\n   */\n  @Input()\n  public set identifier(value: string | null | undefined) {\n    const [iconSet, name] = value ? unpackIconIdentifier(value) : [null, null];\n    this.name = name;\n    this.iconSet = iconSet;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEO,MAAM,OAAO,GAAG;AACrB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,UAAU,EAAE,YAAY;;;ACJnB,MAAM,QAAQ,GAAG;AACtB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;;;ACLlB;;;;;;;;;;;;;AAaG;AACG,SAAU,oBAAoB,CAAC,KAAa,EAAA;AAChD,IAAA,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;AAC7C,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;AAC7C,IAAA,MAAM,GAAG,GAAY,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI;AAChE,IAAA,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC;AACxB;AAEA;;;;;;;;;;;AAWG;AACG,SAAU,SAAS,CAAC,KAAa,EAAA;IACrC,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAgB,CAAC;AAC1D;;ACvBA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,CAAC,MAAM,EAAE,8BAA8B,EAAE;IAC/I,cAAc,EAAE,OAAO,CAAC,IAAI;AACf,CAAA;;AC5Bf;;;;;;AAMG;AAeI,IAAM,aAAa,GAAnB,MAAM,aAAa,CAAA;AAAnB,IAAA,WAAA,GAAA;QACW,IAAA,CAAA,OAAO,GAAG,aAAa,EAAE;AAEzC;;;;;AAKG;QAGI,IAAA,CAAA,MAAM,GAAG,KAAK;AAErB;;;;;AAKG;AAGI,QAAA,IAAA,CAAA,IAAI,GAAa,QAAQ,CAAC,MAAM;AAEvC;;;;;AAKG;QAEI,IAAA,CAAA,IAAI,GAAkB,IAAI;AAEjC;;;;AAIG;AAEI,QAAA,IAAA,CAAA,OAAO,GAAmB,gBAAgB,EAAE,CAAC,cAAc;AAcnE,IAAA;AAZC;;;;;AAKG;IACH,IACW,UAAU,CAAC,KAAgC,EAAA;QACpD,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAC1E,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;IACxB;+GAnDW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAUJ,gBAAgB,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EA2BhB,CAAC,KAAa,MAAM,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhD9D,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;AAsBlB,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAEQ,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAUf,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAE0B,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AArB7B,aAAa,GAAA,UAAA,CAAA;IAdzB,YAAY,CAAC,MAAM;AAcP,CAAA,EAAA,aAAa,CAoDzB;4FApDY,aAAa,EAAA,UAAA,EAAA,CAAA;kBAbzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,QAAQ,EAAE,eAAe;oBACzB,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,MAAM;AAC7B,wBAAA,uBAAuB,EAAE,MAAM;AAC/B,wBAAA,sBAAsB,EAAE,SAAS;AACjC,wBAAA,SAAS,EAAE,IAAI;AAChB,qBAAA;AACF,iBAAA;8BAYQ,MAAM,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAW/B,IAAI,EAAA,CAAA;sBADV;gBAUM,IAAI,EAAA,CAAA;sBADV;gBASM,OAAO,EAAA,CAAA;sBADb,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,MAAM,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,EAAE;gBAU/D,UAAU,EAAA,CAAA;sBADpB;;;AC1EH;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-icon.mjs","sources":["../../../../libs/angular/components/icon/src/lib/models/icon-set.ts","../../../../libs/angular/components/icon/src/lib/models/icon-size.ts","../../../../libs/angular/components/icon/src/lib/helpers/unpack-icon-identifier.ts","../../../../libs/angular/components/icon/src/lib/icon.component.ts","../../../../libs/angular/components/icon/src/lib/icon.config.ts","../../../../libs/angular/components/icon/src/odx-angular-components-icon.ts"],"sourcesContent":["export type IconSet = (typeof IconSet)[keyof typeof IconSet];\n\n/**\n * @deprecated Use `OdxIconSet` from `@odx/icons` instead. This type is retained for backward compatibility and will be removed in future releases.\n */\nexport const IconSet = {\n  CORE: 'core',\n  MEDICAL: 'medical',\n  SAFETY: 'safety',\n  UIB_LEGACY: 'uib-legacy',\n} as const;\n","export type IconSize = (typeof IconSize)[keyof typeof IconSize];\n\nexport const IconSize = {\n  /**\n   * @deprecated Use `sm` instead.\n   */\n  SMALL: 'small',\n  SM: 'sm',\n\n  /**\n   * @deprecated Use `md` instead.\n   */\n  MEDIUM: 'medium',\n  MD: 'md',\n\n  /**\n   * @deprecated Use `lg` instead.\n   */\n  LARGE: 'large',\n  LG: 'lg',\n\n  XS: 'xs',\n\n  XL: 'xl',\n\n  /**\n   * @deprecated Use `xxl` instead.\n   */\n  XLARGE: 'xlarge',\n  XXL: 'xxl',\n  INLINE: 'inline',\n} as const;\n","import { IconSet } from '../models';\n\n/**\n * Unpacks a combined icon identifier string into separate icon set and icon name components.\n * The identifier is expected to follow the format \"iconSet::iconName\". If the \"iconName\" part is\n * missing, the function assumes the icon belongs to the 'core' set.\n *\n * @param {string} value The combined identifier string in the format \"iconSet::iconName\".\n * @returns {[iconSet: string, iconName: string]} A tuple containing the icon set and icon name as two separate strings. Defaults to 'core'\n *          if the iconName is omitted in the input.\n *\n * @example\n * ```ts\n * unpackIconIdentifier(\"menu\")       // returns ['core', 'menu']\n * ```\n */\nexport function unpackIconIdentifier(value: string): [iconSet: IconSet, iconName: string] {\n  const [iconSet, iconName] = value.split('::');\n  if (!iconName) return [IconSet.CORE, iconSet];\n  const set: IconSet = isIconSet(iconSet) ? iconSet : IconSet.CORE;\n  return [set, iconName];\n}\n\n/**\n * Determines if a given string is a valid icon set.\n *\n * @param {string} value The value to check if it is a valid icon set.\n * @returns {boolean} Whether the value is a valid icon set.\n *\n * @example\n * ```ts\n * isIconSet('core')       // returns true\n * isIconSet('custom')     // returns false\n * ```\n */\nexport function isIconSet(value: string): value is IconSet {\n  return Object.values(IconSet).includes(value as IconSet);\n}\n","import { Component, Input } from '@angular/core';\nimport { injectElement, setAttribute } from '@odx/angular/utils';\nimport { OdxIconName, OdxIconSet } from '@odx/icons';\nimport { unpackIconIdentifier } from './helpers';\nimport { IconSize } from './models';\n\n/**\n * Represents an icon component that can dynamically display various icons based on input properties. This component\n * leverages CSS for styling and is designed to be easily embedded within other components and views.\n *\n * It allows for specifying icon sets and individual icon names, supporting flexible usage across different contexts\n * and themes. The component is also optimized for performance with Angular's OnPush change detection strategy.\n */\n@Component({\n  selector: 'odx-icon',\n  standalone: true,\n  host: {\n    '[class.odx-icon]': 'true',\n    '[attr.size]': 'size',\n    translate: 'no',\n  },\n  template: '',\n})\nexport class IconComponent {\n  public readonly element = injectElement();\n\n  /**\n   * Specifies the size of the icon, which can be adjusted using predefined sizes from the IconSize enum.\n   *\n   * @type {IconSize}\n   * @default IconSize.MEDIUM\n   */\n  @Input()\n  public set size(value: IconSize) {\n    setAttribute(this.element.nativeElement, 'size', value);\n  }\n  public get size(): IconSize | null {\n    return (this.element.nativeElement.getAttribute('size') as IconSize) || IconSize.MD;\n  }\n\n  /**\n   * The name of the icon to be displayed, which corresponds to specific icons within a given icon set.\n   *\n   * @type {OdxIconName | null}\n   * @default null\n   */\n  @Input()\n  public set name(value: OdxIconName | (string & {}) | null) {\n    setAttribute(this.element.nativeElement, 'name', value);\n  }\n  public get name(): OdxIconName | (string & {}) | null {\n    return this.element.nativeElement.getAttribute('name') || null;\n  }\n\n  /**\n   * Specifies the icon set that the icon belongs to. The default set can be injected from the icon configuration.\n   *\n   * @type {OdxIconSet | null}\n   */\n  @Input()\n  public set set(value: OdxIconSet | (string & {}) | null) {\n    setAttribute(this.element.nativeElement, 'set', value);\n  }\n  public get set(): OdxIconSet | (string & {}) | null {\n    return this.element.nativeElement.getAttribute('set') as OdxIconSet | null;\n  }\n\n  /**\n   * Allows for setting both the icon set and icon name via a single identifier, typically formatted as 'set::name'.\n   * Unpacking this identifier sets both `name` and `set` properties.\n   *\n   * @param {string | null | undefined} value - The identifier to unpack.\n   * @deprecated Use `name` and `set` properties directly instead of the `identifier` input for better clarity and separation of concerns.\n   */\n  @Input()\n  public set identifier(value: string | null | undefined) {\n    const [set, name] = value ? unpackIconIdentifier(value) : [null, null];\n    this.name = name;\n    this.set = set;\n  }\n}\n","import { createConfigTokens } from '@odx/angular/utils';\nimport { OdxIconSet } from '@odx/icons';\n\n/**\n * Represents the configuration options for icons in the application, specifying defaults\n * and configurations for the icon components used across the system.\n *\n * @typedef {Object} IconConfig\n * @property {OdxIconSet} defaultIconSet - The default set of icons to use if no specific set is provided.\n *\n * @deprecated The `defaultIconSet` property is deprecated and will be removed in future versions. Please specify the icon set directly on the component.\n */\nexport interface IconConfig {\n  defaultIconSet: OdxIconSet;\n}\n\n/**\n * Utility functions generated to handle the injection and provision of the `IconConfig`.\n * These include tokens and functions for accessing and providing icon configurations.\n *\n * - `IconConfig`: A type representing the shape of the icon configuration object.\n * - `IconDefaultConfig`: The default configuration which sets 'core' as the default icon set.\n * - `injectIconConfig`: A function to inject the icon configuration, usable in Angular components or services.\n * - `provideIconConfig`: A function to provide the icon configuration, typically used in Angular module providers.\n *\n * @example\n * ```ts\n * // To inject icon configuration in a component or service\n * const config = injectIconConfig();\n * console.log(config.defaultIconSet); // Outputs: 'core'\n *\n * // To provide icon configuration in a module\n * provideIconConfig({ defaultIconSet: 'custom' });\n * ```\n *\n * @deprecated The `defaultIconSet` property in the configuration is deprecated. Please specify the icon set directly on the component instead of relying on a default configuration.\n */\nexport const { IconConfig, IconDefaultConfig, injectIconConfig, provideIconConfig } = createConfigTokens('Icon', '@odx/angular/components/icon', {\n  defaultIconSet: 'core',\n} as IconConfig);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-inline-message.mjs

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { Input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { IconComponent } from '@odx/angular/components/icon';
@@ -37,28 +37,27 @@ let InlineMessageComponent = class InlineMessageComponent {
     get icon() {
         switch (this.variant) {
             case InlineMessageVariant.WARNING:
-                return 'warning';
+                return 'core::warning';
             case InlineMessageVariant.DANGER:
-                return 'error';
+                return 'core::error';
             case InlineMessageVariant.SUCCESS:
-                return 'check';
+                return 'core::check';
             default:
-                return 'info';
+                return 'core::info';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InlineMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InlineMessageComponent, isStandalone: true, selector: "odx-inline-message", inputs: { variant: "variant" }, ngImport: i0, template: "<odx-icon size=\"medium\" [name]=\"icon\" iconSet=\"core\" />\n<div class=\"odx-inline-message__content\">\n  <ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: InlineMessageComponent, isStandalone: true, selector: "odx-inline-message", inputs: { variant: "variant" }, ngImport: i0, template: "<odx-icon size=\"md\" [name]=\"icon\" />\n<div class=\"odx-inline-message__content\">\n  <ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name", "set", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], InlineMessageComponent.prototype, "variant", void 0);
 InlineMessageComponent = __decorate([
     CSSComponent('inline-message')
 ], InlineMessageComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InlineMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'odx-inline-message', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent], template: "<odx-icon size=\"medium\" [name]=\"icon\" iconSet=\"core\" />\n<div class=\"odx-inline-message__content\">\n  <ng-content />\n</div>\n" }]
+            args: [{ selector: 'odx-inline-message', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent], template: "<odx-icon size=\"md\" [name]=\"icon\" />\n<div class=\"odx-inline-message__content\">\n  <ng-content />\n</div>\n" }]
         }], propDecorators: { variant: [{
                 type: Input
             }] } });

package/fesm2022/odx-angular-components-inline-message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-inline-message.mjs","sources":["../../../../libs/angular/components/inline-message/src/lib/models/inline-message-variant.ts","../../../../libs/angular/components/inline-message/src/lib/inline-message.component.ts","../../../../libs/angular/components/inline-message/src/lib/inline-message.component.html","../../../../libs/angular/components/inline-message/src/odx-angular-components-inline-message.ts"],"sourcesContent":["export type InlineMessageVariant = typeof InlineMessageVariant[keyof typeof InlineMessageVariant];\n\nexport const InlineMessageVariant = {\n  DEFAULT: 'default',\n  WARNING: 'warning',\n  DANGER: 'danger',\n  SUCCESS: 'success',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { InlineMessageVariant } from './models';\n\n/**\n * Represents an inline message component used for displaying contextual feedback to users.\n * This component can show different types of messages such as warnings, errors, successes, or informational messages,\n * each with corresponding icons. It leverages the `IconComponent` to render these icons.\n */\n@CSSComponent('inline-message')\n@Component({\n  selector: 'odx-inline-message',\n  templateUrl: 'inline-message.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [IconComponent],\n})\nexport class InlineMessageComponent {\n  public readonly element = injectElement<HTMLElement>();\n\n  /**\n   * Determines the type of message to display, which influences the icon and styling.\n   * Default is `InlineMessageVariant.DEFAULT`, which is typically styled as an informational message.\n   *\n   * @type {InlineMessageVariant}\n   * @default InlineMessageVariant.DEFAULT\n   */\n  @CSSModifier()\n  @Input()\n  public variant?: InlineMessageVariant | null = InlineMessageVariant.DEFAULT;\n\n  /**\n   * Getter for the icon name based on the current variant.\n   *\n   * @returns {string} The icon name to display.\n   */\n  public get icon(): string {\n    switch (this.variant) {\n      case InlineMessageVariant.WARNING:\n        return 'warning';\n      case InlineMessageVariant.DANGER:\n        return 'error';\n      case InlineMessageVariant.SUCCESS:\n        return 'check';\n      default:\n        return 'info';\n    }\n  }\n}\n","<odx-icon size=\"medium\" [name]=\"icon\" iconSet=\"core\" />\n<div class=\"odx-inline-message__content\">\n  <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEO,MAAM,oBAAoB,GAAG;AAClC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;;;ACApB;;;;AAIG;AAUI,IAAM,sBAAsB,GAA5B,MAAM,sBAAsB,CAAA;AAA5B,IAAA,WAAA,GAAA;QACW,IAAA,CAAA,OAAO,GAAG,aAAa,EAAe;AAEtD;;;;;;AAMG;AAGI,QAAA,IAAA,CAAA,OAAO,GAAiC,oBAAoB,CAAC,OAAO;AAmB5E,IAAA;AAjBC;;;;AAIG;AACH,IAAA,IAAW,IAAI,GAAA;AACb,QAAA,QAAQ,IAAI,CAAC,OAAO;YAClB,KAAK,oBAAoB,CAAC,OAAO;AAC/B,gBAAA,OAAO,SAAS;YAClB,KAAK,oBAAoB,CAAC,MAAM;AAC9B,gBAAA,OAAO,OAAO;YAChB,KAAK,oBAAoB,CAAC,OAAO;AAC/B,gBAAA,OAAO,OAAO;AAChB,YAAA;AACE,gBAAA,OAAO,MAAM;;IAEnB;+GA9BW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBnC,wIAIA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDcY,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;AAchB,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAE8D,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAZjE,sBAAsB,GAAA,UAAA,CAAA;IATlC,YAAY,CAAC,gBAAgB;AASjB,CAAA,EAAA,sBAAsB,CA+BlC;4FA/BY,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,UAAA,EAElB,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,aAAa,CAAC,EAAA,QAAA,EAAA,wIAAA,EAAA;8BAcjB,OAAO,EAAA,CAAA;sBADb;;;AE/BH;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-inline-message.mjs","sources":["../../../../libs/angular/components/inline-message/src/lib/models/inline-message-variant.ts","../../../../libs/angular/components/inline-message/src/lib/inline-message.component.ts","../../../../libs/angular/components/inline-message/src/lib/inline-message.component.html","../../../../libs/angular/components/inline-message/src/odx-angular-components-inline-message.ts"],"sourcesContent":["export type InlineMessageVariant = typeof InlineMessageVariant[keyof typeof InlineMessageVariant];\n\nexport const InlineMessageVariant = {\n  DEFAULT: 'default',\n  WARNING: 'warning',\n  DANGER: 'danger',\n  SUCCESS: 'success',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { InlineMessageVariant } from './models';\n\n/**\n * Represents an inline message component used for displaying contextual feedback to users.\n * This component can show different types of messages such as warnings, errors, successes, or informational messages,\n * each with corresponding icons. It leverages the `IconComponent` to render these icons.\n */\n@CSSComponent('inline-message')\n@Component({\n  selector: 'odx-inline-message',\n  templateUrl: 'inline-message.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [IconComponent],\n})\nexport class InlineMessageComponent {\n  public readonly element = injectElement<HTMLElement>();\n\n  /**\n   * Determines the type of message to display, which influences the icon and styling.\n   * Default is `InlineMessageVariant.DEFAULT`, which is typically styled as an informational message.\n   *\n   * @type {InlineMessageVariant}\n   * @default InlineMessageVariant.DEFAULT\n   */\n  @CSSModifier()\n  @Input()\n  public variant?: InlineMessageVariant | null = InlineMessageVariant.DEFAULT;\n\n  /**\n   * Getter for the icon name based on the current variant.\n   *\n   * @returns {string} The icon name to display.\n   */\n  public get icon(): string {\n    switch (this.variant) {\n      case InlineMessageVariant.WARNING:\n        return 'core::warning';\n      case InlineMessageVariant.DANGER:\n        return 'core::error';\n      case InlineMessageVariant.SUCCESS:\n        return 'core::check';\n      default:\n        return 'core::info';\n    }\n  }\n}\n","<odx-icon size=\"md\" [name]=\"icon\" />\n<div class=\"odx-inline-message__content\">\n  <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEO,MAAM,oBAAoB,GAAG;AAClC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;;;ACApB;;;;AAIG;AAUI,IAAM,sBAAsB,GAA5B,MAAM,sBAAsB,CAAA;AAA5B,IAAA,WAAA,GAAA;QACW,IAAA,CAAA,OAAO,GAAG,aAAa,EAAe;AAEtD;;;;;;AAMG;AAGI,QAAA,IAAA,CAAA,OAAO,GAAiC,oBAAoB,CAAC,OAAO;AAmB5E,IAAA;AAjBC;;;;AAIG;AACH,IAAA,IAAW,IAAI,GAAA;AACb,QAAA,QAAQ,IAAI,CAAC,OAAO;YAClB,KAAK,oBAAoB,CAAC,OAAO;AAC/B,gBAAA,OAAO,eAAe;YACxB,KAAK,oBAAoB,CAAC,MAAM;AAC9B,gBAAA,OAAO,aAAa;YACtB,KAAK,oBAAoB,CAAC,OAAO;AAC/B,gBAAA,OAAO,aAAa;AACtB,YAAA;AACE,gBAAA,OAAO,YAAY;;IAEzB;+GA9BW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBnC,mHAIA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDcY,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;AAchB,UAAA,CAAA;AAFN,IAAA,WAAW;AAEgE,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAZjE,sBAAsB,GAAA,UAAA,CAAA;IATlC,YAAY,CAAC,gBAAgB;AASjB,CAAA,EAAA,sBAAsB,CA+BlC;4FA/BY,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,UAAA,EAElB,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,aAAa,CAAC,EAAA,QAAA,EAAA,mHAAA,EAAA;;sBAavB;;;AE/BH;;AAEG;;;;"}

package/fesm2022/odx-angular-components-link.mjs

@@ -13,13 +13,13 @@ let LinkDirective = class LinkDirective {
     constructor() {
         this.element = injectElement();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LinkDirective, isStandalone: true, selector: "a[odxLink]", hostDirectives: [{ directive: i1.WithDisabledState }, { directive: i1.WithTabIndex }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: LinkDirective, isStandalone: true, selector: "a[odxLink]", hostDirectives: [{ directive: i1.WithDisabledState }, { directive: i1.WithTabIndex }], ngImport: i0 }); }
 };
 LinkDirective = __decorate([
     CSSComponent('link')
 ], LinkDirective);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[odxLink]',