@odx/angular 5.7.4 → 6.0.1

package/fesm2022/odx-angular-components-error-page.mjs

@@ -14,13 +14,28 @@ const { ErrorPageConfig, ErrorPageDefaultConfig, injectErrorPageConfig, provideE
     title: '',
     actions: [],
 });
+/**
+ * Configures and provides the necessary providers for an error page, using a configuration object that specifies
+ * icons, titles, descriptions, and actions.
+ *
+ * @param {ConfigProvider<Partial<ErrorPageConfig>, D>} config - A configuration object or provider function that supplies an `ErrorPageConfig`.
+ * @returns {EnvironmentProviders} Returns a configuration that can be used to register the error page providers.
+ *
+ */
 function configureErrorPage(config) {
     return makeEnvironmentProviders([provideErrorPageConfig(config)]);
 }
 
+/**
+ * Represents the ErrorPageComponent class.
+ * This component is responsible for displaying an error page.
+ */
 let ErrorPageComponent = class ErrorPageComponent {
     constructor() {
         this.element = injectElement();
+        /**
+         * Represents the options for the error page component.
+         */
         this.options = injectErrorPageConfig();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }

package/fesm2022/odx-angular-components-error-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-error-page.mjs","sources":["../../../../libs/angular/components/error-page/src/lib/error-page.config.ts","../../../../libs/angular/components/error-page/src/lib/error-page.component.ts","../../../../libs/angular/components/error-page/src/lib/error-page.component.html","../../../../libs/angular/components/error-page/src/odx-angular-components-error-page.ts"],"sourcesContent":["import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { DynamicContent } from '@odx/angular/cdk/dynamic-view';\nimport { ConfigDependencies, ConfigProvider, createConfigTokens } from '@odx/angular/utils';\n\nexport interface ErrorPageConfig {\n  icon?: string;\n  iconSet?: string;\n  title: DynamicContent;\n  description?: DynamicContent;\n  actions: {\n    label: DynamicContent;\n    action: () => void;\n  }[];\n\n  errorMessage?: DynamicContent;\n}\n\nexport const { ErrorPageConfig, ErrorPageDefaultConfig, injectErrorPageConfig, provideErrorPageConfig } = createConfigTokens(\n  'ErrorPage',\n  '@odx/components/error-page',\n  {\n    title: '',\n    actions: [],\n  } as ErrorPageConfig,\n);\n\nexport function configureErrorPage<D extends ConfigDependencies>(config: ConfigProvider<Partial<ErrorPageConfig>, D>): EnvironmentProviders {\n  return makeEnvironmentProviders([provideErrorPageConfig(config)]);\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { LogoDirective } from '@odx/angular/components/logo';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { injectErrorPageConfig } from './error-page.config';\n\n@CSSComponent('error-page')\n@Component({\n  standalone: true,\n  selector: 'odx-error-page',\n  templateUrl: './error-page.component.html',\n  imports: [LogoDirective, IconComponent, CoreModule, ButtonComponent, DynamicViewDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class ErrorPageComponent {\n  public readonly element = injectElement();\n  public options = injectErrorPageConfig();\n}\n","<div class=\"odx-error-page__container\">\n  <div class=\"odx-error-page__icon-container\">\n    <odx-icon *ngIf=\"options.icon as icon; else logo\" size=\"xlarge\" [name]=\"icon\"></odx-icon>\n    <ng-template #logo><odx-logo size=\"large\"></odx-logo></ng-template>\n  </div>\n  <div class=\"odx-error-page__title\">\n    <ng-template [odxDynamicView]=\"options.title\"></ng-template>\n  </div>\n  <div *ngIf=\"options.description as description\" class=\"odx-error-page__description\">\n    <ng-template [odxDynamicView]=\"description\"></ng-template>\n  </div>\n  <div class=\"odx-error-page__actions\">\n    <button *ngFor=\"let button of options.actions; let isFirst = first\" [variant]=\"isFirst ? 'primary' : 'secondary'\" odxButton (click)=\"button.action()\">\n      <ng-template [odxDynamicView]=\"button.label\"></ng-template>\n    </button>\n  </div>\n</div>\n<div *ngIf=\"options.errorMessage as errorMessage\" class=\"odx-error-page__footer\">\n  <ng-template [odxDynamicView]=\"errorMessage\"></ng-template>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AAiBa,MAAA,EAAE,eAAe,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,GAAG,kBAAkB,CAC1H,WAAW,EACX,4BAA4B,EAC5B;AACE,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,OAAO,EAAE,EAAE;AACO,CAAA,EACpB;AAEI,SAAU,kBAAkB,CAA+B,MAAmD,EAAA;IAClH,OAAO,wBAAwB,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE;;ACTa,IAAA,kBAAkB,GAAxB,MAAM,kBAAkB,CAAA;AAAxB,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;QACnC,IAAO,CAAA,OAAA,GAAG,qBAAqB,EAAE,CAAC;AAC1C,KAAA;+GAHY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnB/B,2gCAoBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDLY,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,wBAAA,EAAA,uBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;AAI9E,kBAAkB,GAAA,UAAA,CAAA;IAT9B,YAAY,CAAC,YAAY,CAAC;AASd,CAAA,EAAA,kBAAkB,CAG9B,CAAA;4FAHY,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,gBAAgB,EAEjB,OAAA,EAAA,CAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,oBAAoB,CAAC,EACzE,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,2gCAAA,EAAA,CAAA;;;AEjBvC;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-error-page.mjs","sources":["../../../../libs/angular/components/error-page/src/lib/error-page.config.ts","../../../../libs/angular/components/error-page/src/lib/error-page.component.ts","../../../../libs/angular/components/error-page/src/lib/error-page.component.html","../../../../libs/angular/components/error-page/src/odx-angular-components-error-page.ts"],"sourcesContent":["import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { DynamicContent } from '@odx/angular/cdk/dynamic-view';\nimport { ConfigDependencies, ConfigProvider, createConfigTokens } from '@odx/angular/utils';\n\n/**\n * Defines the configuration for an error page used within an application. This can include custom icons,\n * titles, descriptions, actions, and an optional error message.\n * @property {string} [icon] - The name of the icon to display on the error page.\n * @property {string} [iconSet] - The icon set that the icon belongs to.\n * @property {DynamicContent} title - The title content for the error page, which can be a string or a dynamic template.\n * @property {DynamicContent} [description] - Optional description content for the error page.\n * @property { { label: DynamicContent; action: () => void; }[] } actions - A list of actions that can be taken from the error page, each with a label and an action function.\n * @property {DynamicContent} [errorMessage] - Optional additional error message content.\n */\nexport interface ErrorPageConfig {\n  icon?: string;\n  iconSet?: string;\n  title: DynamicContent;\n  description?: DynamicContent;\n  actions: {\n    label: DynamicContent;\n    action: () => void;\n  }[];\n\n  errorMessage?: DynamicContent;\n}\n\nexport const { ErrorPageConfig, ErrorPageDefaultConfig, injectErrorPageConfig, provideErrorPageConfig } = createConfigTokens(\n  'ErrorPage',\n  '@odx/components/error-page',\n  {\n    title: '',\n    actions: [],\n  } as ErrorPageConfig,\n);\n\n/**\n * Configures and provides the necessary providers for an error page, using a configuration object that specifies\n * icons, titles, descriptions, and actions.\n *\n * @param {ConfigProvider<Partial<ErrorPageConfig>, D>} config - A configuration object or provider function that supplies an `ErrorPageConfig`.\n * @returns {EnvironmentProviders} Returns a configuration that can be used to register the error page providers.\n *\n */\nexport function configureErrorPage<D extends ConfigDependencies>(config: ConfigProvider<Partial<ErrorPageConfig>, D>): EnvironmentProviders {\n  return makeEnvironmentProviders([provideErrorPageConfig(config)]);\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { LogoDirective } from '@odx/angular/components/logo';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { injectErrorPageConfig } from './error-page.config';\n\n/**\n * Represents the ErrorPageComponent class.\n * This component is responsible for displaying an error page.\n */\n@CSSComponent('error-page')\n@Component({\n  standalone: true,\n  selector: 'odx-error-page',\n  templateUrl: './error-page.component.html',\n  imports: [LogoDirective, IconComponent, CoreModule, ButtonComponent, DynamicViewDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class ErrorPageComponent {\n  public readonly element = injectElement();\n\n  /**\n   * Represents the options for the error page component.\n   */\n  public options = injectErrorPageConfig();\n}\n","<div class=\"odx-error-page__container\">\n  <div class=\"odx-error-page__icon-container\">\n    <odx-icon *ngIf=\"options.icon as icon; else logo\" size=\"xlarge\" [name]=\"icon\"></odx-icon>\n    <ng-template #logo><odx-logo size=\"large\"></odx-logo></ng-template>\n  </div>\n  <div class=\"odx-error-page__title\">\n    <ng-template [odxDynamicView]=\"options.title\"></ng-template>\n  </div>\n  <div *ngIf=\"options.description as description\" class=\"odx-error-page__description\">\n    <ng-template [odxDynamicView]=\"description\"></ng-template>\n  </div>\n  <div class=\"odx-error-page__actions\">\n    <button *ngFor=\"let button of options.actions; let isFirst = first\" [variant]=\"isFirst ? 'primary' : 'secondary'\" odxButton (click)=\"button.action()\">\n      <ng-template [odxDynamicView]=\"button.label\"></ng-template>\n    </button>\n  </div>\n</div>\n<div *ngIf=\"options.errorMessage as errorMessage\" class=\"odx-error-page__footer\">\n  <ng-template [odxDynamicView]=\"errorMessage\"></ng-template>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AA2Ba,MAAA,EAAE,eAAe,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,GAAG,kBAAkB,CAC1H,WAAW,EACX,4BAA4B,EAC5B;AACE,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,OAAO,EAAE,EAAE;AACO,CAAA,EACpB;AAEF;;;;;;;AAOG;AACG,SAAU,kBAAkB,CAA+B,MAAmD,EAAA;IAClH,OAAO,wBAAwB,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE;;ACpCA;;;AAGG;AAUU,IAAA,kBAAkB,GAAxB,MAAM,kBAAkB,CAAA;AAAxB,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAE1C;;AAEG;QACI,IAAO,CAAA,OAAA,GAAG,qBAAqB,EAAE,CAAC;AAC1C,KAAA;+GAPY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvB/B,2gCAoBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDY,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,wBAAA,EAAA,uBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;AAI9E,kBAAkB,GAAA,UAAA,CAAA;IAT9B,YAAY,CAAC,YAAY,CAAC;AASd,CAAA,EAAA,kBAAkB,CAO9B,CAAA;4FAPY,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,gBAAgB,EAEjB,OAAA,EAAA,CAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,oBAAoB,CAAC,EACzE,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,2gCAAA,EAAA,CAAA;;;AErBvC;;AAEG;;;;"}

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

@@ -41,6 +41,7 @@ var footerTranslations = {
  * - `provideFooterLinksConfig`: A function to provide a custom configuration for footer links.
  *
  * @example
+ * ```ts
  * // In your module or component
  * @NgModule({
  *   providers: [
@@ -52,6 +53,7 @@ var footerTranslations = {
  *   ]
  * })
  * export class MyModule {}
+ * ```
  */
 const { FooterLinksConfig, FooterLinksDefaultConfig, injectFooterLinksConfig, provideFooterLinksConfig } = createConfigTokens('FooterLinks', '@odx/angular/components/footer', {
     providerIdentificationUrl: buildWebsiteUrl('provideridentification'),
@@ -89,19 +91,22 @@ const FooterVariant = {
 /**
  * Represents the footer component of an application, dynamically generating links and supporting various styles.
  * This component integrates dynamic and static content for the footer, including a logo, navigational links, and a customizable description.
- *
- * @usage `<odx-footer [description]="dynamicOrStaticContent" [variant]="'light'|'dark'"></odx-footer>`
- *
- * @input
- * - `description` - Accepts dynamic content (observable or static string) for displaying a custom description in the footer.
- * - `variant` - Sets the footer's appearance theme, supporting `light` and `dark` variants as defined by `FooterVariant`.
  */
 let FooterComponent = class FooterComponent {
     constructor() {
         this.footerLinks$ = createFooterLinks$();
         this.trackByIndex = trackByIndex;
         this.element = injectElement();
+        /**
+         * The description of the footer component.
+         * It can be of type DynamicTextContent or null.
+         * @see {DynamicTextContent}
+         */
         this.description = null;
+        /**
+         * The variant of the footer component.
+         * @see {FooterVariant}
+         */
         this.variant = FooterVariant.LIGHT;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }

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

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-footer.mjs","sources":["../../../../libs/angular/components/footer/src/lib/footer.i18n.ts","../../../../libs/angular/components/footer/src/lib/footer.config.ts","../../../../libs/angular/components/footer/src/lib/helpers/create-footer-links.ts","../../../../libs/angular/components/footer/src/lib/models/footer-variant.ts","../../../../libs/angular/components/footer/src/lib/footer.component.ts","../../../../libs/angular/components/footer/src/lib/footer.component.html","../../../../libs/angular/components/footer/src/odx-angular-components-footer.ts"],"sourcesContent":["import { TranslationObject } from '@odx/angular/internal/translate';\n\nexport default {\n  en: {\n    legalNotice: 'Legal notice',\n    providerIdentification: 'Provider identification',\n    dataProtection: 'Data protection',\n    openSource: 'Open-source licenses',\n    termsAndConditions: 'Terms and Conditions',\n    status: 'Status',\n  },\n  de: {\n    legalNotice: 'Rechtliche Hinweise',\n    providerIdentification: 'Impressum',\n    dataProtection: 'Datenschutz',\n    openSource: 'Open-Source-Lizenzen',\n    termsAndConditions: 'Allgemeine Geschäftsbedingungen',\n    status: 'Status',\n  },\n} as TranslationObject;\n","import { MainMenuLinksConfig } from '@odx/angular/components/main-menu';\nimport { buildWebsiteUrl, createConfigTokens } from '@odx/angular/utils';\nimport { Observable } from 'rxjs';\nimport { FooterLink } from './models';\n\nexport interface FooterLinksConfig extends MainMenuLinksConfig {\n  dynamicLinks?: Observable<FooterLink[]>;\n}\n\n/**\n * Creates configuration tokens for the footer links, providing a structured way to inject and manage footer link configurations.\n * This utility function encapsulates the configuration for footer links, including defaults and the ability to inject custom configurations.\n *\n * @returns {Object} An object containing configuration tokens for footer links:\n * - `FooterLinksConfig`: A token for injecting the footer links configuration.\n * - `FooterLinksDefaultConfig`: A token representing the default configuration values.\n * - `injectFooterLinksConfig`: A function to inject the current footer links configuration.\n * - `provideFooterLinksConfig`: A function to provide a custom configuration for footer links.\n *\n * @example\n * // In your module or component\n * @NgModule({\n *   providers: [\n *     provideFooterLinksConfig({\n *       legalNoticeUrl: 'https://www.custom-url/legal-notice',\n *       providerIdentificationUrl: 'https://www.custom-url/provider-identification',\n *       dynamicLinks: myDynamicLinksObservable\n *     })\n *   ]\n * })\n * export class MyModule {}\n */\nexport const { FooterLinksConfig, FooterLinksDefaultConfig, injectFooterLinksConfig, provideFooterLinksConfig } = createConfigTokens(\n  'FooterLinks',\n  '@odx/angular/components/footer',\n  {\n    providerIdentificationUrl: buildWebsiteUrl('provideridentification'),\n    legalNoticeUrl: buildWebsiteUrl('legalnotice'),\n  } as FooterLinksConfig,\n);\n","import { Observable, combineLatest, map, of } from 'rxjs';\nimport { injectFooterLinksConfig } from '../footer.config';\nimport { FooterLink } from '../models';\n\n/**\n * Creates an observable stream of footer links, combining statically configured links with dynamically provided ones.\n * It leverages the footer links configuration injected from `injectFooterLinksConfig` and optionally includes\n * dynamic links if provided. All links are filtered to include only those with a non-empty URL.\n *\n * @function createFooterLinks$\n * @returns {Observable<FooterLink[]>} An Observable that emits an array of `FooterLink` objects. Each `FooterLink`\n * contains a `name` and a `url`. The observable emits updates if the set of dynamic links changes.\n */\n\nexport function createFooterLinks$(): Observable<FooterLink[]> {\n  const { legalNoticeUrl, providerIdentificationUrl, dataProtectionUrl, openSourceUrl, termsAndConditionsUrl, statusUrl, dynamicLinks } =\n    injectFooterLinksConfig();\n  const dynamicLinks$ = dynamicLinks ?? of([]);\n  const links = [\n    { name: 'status', url: statusUrl },\n    { name: 'termsAndConditions', url: termsAndConditionsUrl },\n    { name: 'providerIdentification', url: providerIdentificationUrl },\n    { name: 'openSource', url: openSourceUrl },\n    { name: 'dataProtection', url: dataProtectionUrl },\n    { name: 'legalNotice', url: legalNoticeUrl },\n  ];\n\n  return combineLatest([dynamicLinks$, of(links)]).pipe(map((links) => links.flat().filter((link): link is FooterLink => !!link.url)));\n}\n","export type FooterVariant = (typeof FooterVariant)[keyof typeof FooterVariant];\n\nexport const FooterVariant = {\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const;\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DynamicTextContent, DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { LinkDirective } from '@odx/angular/components/link';\nimport { LogoDirective } from '@odx/angular/components/logo';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { TranslatePipe, provideTranslations } from '@odx/angular/internal/translate';\nimport { injectElement, trackByIndex } from '@odx/angular/utils';\nimport footerTranslations from './footer.i18n';\nimport { createFooterLinks$ } from './helpers';\nimport { FooterVariant } from './models';\n\n/**\n * Represents the footer component of an application, dynamically generating links and supporting various styles.\n * This component integrates dynamic and static content for the footer, including a logo, navigational links, and a customizable description.\n *\n * @usage `<odx-footer [description]=\"dynamicOrStaticContent\" [variant]=\"'light'|'dark'\"></odx-footer>`\n *\n * @input\n * - `description` - Accepts dynamic content (observable or static string) for displaying a custom description in the footer.\n * - `variant` - Sets the footer's appearance theme, supporting `light` and `dark` variants as defined by `FooterVariant`.\n */\n\n@CSSComponent('footer')\n@Component({\n  standalone: true,\n  selector: 'odx-footer',\n  imports: [LinkDirective, LogoDirective, DynamicViewDirective, CommonModule, TranslatePipe],\n  templateUrl: './footer.component.html',\n  providers: [provideTranslations(footerTranslations)],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class FooterComponent {\n  protected readonly footerLinks$ = createFooterLinks$();\n  protected readonly trackByIndex = trackByIndex;\n  public readonly element = injectElement();\n\n  @Input()\n  public description?: DynamicTextContent | null = null;\n\n  @CSSModifier()\n  @Input()\n  public variant: FooterVariant = FooterVariant.LIGHT;\n}\n","<div class=\"odx-footer__inner\">\n  <div class=\"odx-footer__content\">\n    <ng-content></ng-content>\n  </div>\n  <nav class=\"odx-footer__navigation\">\n    <ng-content select=\"[odxLink]\" />\n    <a odxLink [href]=\"link.url\" target=\"_blank\" *ngFor=\"let link of footerLinks$ | async; trackBy: trackByIndex\">\n      {{ link.name | odxTranslate | async }}\n    </a>\n  </nav>\n  <p class=\"odx-footer__description\" *ngIf=\"description\">\n    <ng-template [odxDynamicView]=\"description\"></ng-template>\n  </p>\n</div>\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-footer.mjs","sources":["../../../../libs/angular/components/footer/src/lib/footer.i18n.ts","../../../../libs/angular/components/footer/src/lib/footer.config.ts","../../../../libs/angular/components/footer/src/lib/helpers/create-footer-links.ts","../../../../libs/angular/components/footer/src/lib/models/footer-variant.ts","../../../../libs/angular/components/footer/src/lib/footer.component.ts","../../../../libs/angular/components/footer/src/lib/footer.component.html","../../../../libs/angular/components/footer/src/odx-angular-components-footer.ts"],"sourcesContent":["import { TranslationObject } from '@odx/angular/internal/translate';\n\nexport default {\n  en: {\n    legalNotice: 'Legal notice',\n    providerIdentification: 'Provider identification',\n    dataProtection: 'Data protection',\n    openSource: 'Open-source licenses',\n    termsAndConditions: 'Terms and Conditions',\n    status: 'Status',\n  },\n  de: {\n    legalNotice: 'Rechtliche Hinweise',\n    providerIdentification: 'Impressum',\n    dataProtection: 'Datenschutz',\n    openSource: 'Open-Source-Lizenzen',\n    termsAndConditions: 'Allgemeine Geschäftsbedingungen',\n    status: 'Status',\n  },\n} as TranslationObject;\n","import { MainMenuLinksConfig } from '@odx/angular/components/main-menu';\nimport { buildWebsiteUrl, createConfigTokens } from '@odx/angular/utils';\nimport { Observable } from 'rxjs';\nimport { FooterLink } from './models';\n\nexport interface FooterLinksConfig extends MainMenuLinksConfig {\n  dynamicLinks?: Observable<FooterLink[]>;\n}\n\n/**\n * Creates configuration tokens for the footer links, providing a structured way to inject and manage footer link configurations.\n * This utility function encapsulates the configuration for footer links, including defaults and the ability to inject custom configurations.\n *\n * @returns {Object} An object containing configuration tokens for footer links:\n * - `FooterLinksConfig`: A token for injecting the footer links configuration.\n * - `FooterLinksDefaultConfig`: A token representing the default configuration values.\n * - `injectFooterLinksConfig`: A function to inject the current footer links configuration.\n * - `provideFooterLinksConfig`: A function to provide a custom configuration for footer links.\n *\n * @example\n * ```ts\n * // In your module or component\n * @NgModule({\n *   providers: [\n *     provideFooterLinksConfig({\n *       legalNoticeUrl: 'https://www.custom-url/legal-notice',\n *       providerIdentificationUrl: 'https://www.custom-url/provider-identification',\n *       dynamicLinks: myDynamicLinksObservable\n *     })\n *   ]\n * })\n * export class MyModule {}\n * ```\n */\nexport const { FooterLinksConfig, FooterLinksDefaultConfig, injectFooterLinksConfig, provideFooterLinksConfig } = createConfigTokens(\n  'FooterLinks',\n  '@odx/angular/components/footer',\n  {\n    providerIdentificationUrl: buildWebsiteUrl('provideridentification'),\n    legalNoticeUrl: buildWebsiteUrl('legalnotice'),\n  } as FooterLinksConfig,\n);\n","import { Observable, combineLatest, map, of } from 'rxjs';\nimport { injectFooterLinksConfig } from '../footer.config';\nimport { FooterLink } from '../models';\n\n/**\n * Creates an observable stream of footer links, combining statically configured links with dynamically provided ones.\n * It leverages the footer links configuration injected from `injectFooterLinksConfig` and optionally includes\n * dynamic links if provided. All links are filtered to include only those with a non-empty URL.\n *\n * @function createFooterLinks$\n * @returns {Observable<FooterLink[]>} An Observable that emits an array of `FooterLink` objects. Each `FooterLink`\n * contains a `name` and a `url`. The observable emits updates if the set of dynamic links changes.\n */\n\nexport function createFooterLinks$(): Observable<FooterLink[]> {\n  const { legalNoticeUrl, providerIdentificationUrl, dataProtectionUrl, openSourceUrl, termsAndConditionsUrl, statusUrl, dynamicLinks } =\n    injectFooterLinksConfig();\n  const dynamicLinks$ = dynamicLinks ?? of([]);\n  const links = [\n    { name: 'status', url: statusUrl },\n    { name: 'termsAndConditions', url: termsAndConditionsUrl },\n    { name: 'providerIdentification', url: providerIdentificationUrl },\n    { name: 'openSource', url: openSourceUrl },\n    { name: 'dataProtection', url: dataProtectionUrl },\n    { name: 'legalNotice', url: legalNoticeUrl },\n  ];\n\n  return combineLatest([dynamicLinks$, of(links)]).pipe(map((links) => links.flat().filter((link): link is FooterLink => !!link.url)));\n}\n","export type FooterVariant = (typeof FooterVariant)[keyof typeof FooterVariant];\n\nexport const FooterVariant = {\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const;\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DynamicTextContent, DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { LinkDirective } from '@odx/angular/components/link';\nimport { LogoDirective } from '@odx/angular/components/logo';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { TranslatePipe, provideTranslations } from '@odx/angular/internal/translate';\nimport { injectElement, trackByIndex } from '@odx/angular/utils';\nimport footerTranslations from './footer.i18n';\nimport { createFooterLinks$ } from './helpers';\nimport { FooterVariant } from './models';\n\n/**\n * Represents the footer component of an application, dynamically generating links and supporting various styles.\n * This component integrates dynamic and static content for the footer, including a logo, navigational links, and a customizable description.\n */\n\n@CSSComponent('footer')\n@Component({\n  standalone: true,\n  selector: 'odx-footer',\n  imports: [LinkDirective, LogoDirective, DynamicViewDirective, CommonModule, TranslatePipe],\n  templateUrl: './footer.component.html',\n  providers: [provideTranslations(footerTranslations)],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class FooterComponent {\n  protected readonly footerLinks$ = createFooterLinks$();\n  protected readonly trackByIndex = trackByIndex;\n  public readonly element = injectElement();\n\n  /**\n   * The description of the footer component.\n   * It can be of type DynamicTextContent or null.\n   * @see {DynamicTextContent}\n   */\n  @Input()\n  public description?: DynamicTextContent | null = null;\n\n  /**\n   * The variant of the footer component.\n   * @see {FooterVariant}\n   */\n  @CSSModifier()\n  @Input()\n  public variant: FooterVariant = FooterVariant.LIGHT;\n}\n","<div class=\"odx-footer__inner\">\n  <div class=\"odx-footer__content\">\n    <ng-content></ng-content>\n  </div>\n  <nav class=\"odx-footer__navigation\">\n    <ng-content select=\"[odxLink]\" />\n    <a odxLink [href]=\"link.url\" target=\"_blank\" *ngFor=\"let link of footerLinks$ | async; trackBy: trackByIndex\">\n      {{ link.name | odxTranslate | async }}\n    </a>\n  </nav>\n  <p class=\"odx-footer__description\" *ngIf=\"description\">\n    <ng-template [odxDynamicView]=\"description\"></ng-template>\n  </p>\n</div>\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-form-field.mjs

@@ -10,27 +10,69 @@ import { getUniqueId, createConfigTokens, isTemplateRef, injectElement, reactive
 import { BehaviorSubject, shareReplay, map, switchMap, merge, of, distinctUntilChanged, tap, EMPTY, startWith, combineLatest, fromEvent, share, Subject } from 'rxjs';
 import * as i1 from '@angular/common';
 
+/**
+ * Provides centralized form field management for Angular applications.
+ * This service handles the registration and management of form controls, including their disabled and read-only states,
+ * and integrates seamlessly with Angular's forms module. It manages the state of individual form fields across the application,
+ * ensuring that changes to the state (such as disabled or read-only) are consistently reflected in the UI.
+ *
+ * Extends the `Controller` class, which provides basic functionality for managing state and interactions.
+ * The service utilizes Angular's dependency injection to access and manipulate form controls and their properties,
+ * making it easier to maintain and update form state across complex forms.
+ *
+ * @extends {Controller}
+ */
 class FormFieldService extends Controller {
     constructor() {
         super(...arguments);
         this.disabledController = DisabledController.inject();
         this.readonlyController = ReadonlyController.inject();
         this.control$$ = new BehaviorSubject(null);
+        /**
+         * Observable that emits the currently registered control object, which includes
+         * both the control instance and the associated native HTML element.
+         */
         this.control$ = this.control$$.pipe(shareReplay({ bufferSize: 1, refCount: true }));
+        /**
+         * Observable that emits the ID of the current control's HTML element. Generates a unique ID if not already assigned.
+         */
         this.controlId$ = this.control$.pipe(map((control) => (control ? control.nativeElement.id || getUniqueId('odx-form-field') : null)), shareReplay({ bufferSize: 1, refCount: true }));
+        /**
+         * Observable that emits the hint ID associated with the control, which is typically used for accessibility purposes.
+         */
         this.controlHintId$ = this.controlId$.pipe(map((id) => (id ? `${id}-hint` : null)), shareReplay({ bufferSize: 1, refCount: true }));
+        /**
+         * Observable that emits the error message ID associated with the control, used for linking form errors for accessibility.
+         */
         this.controlErrorId$ = this.controlId$.pipe(map((id) => (id ? `${id}-error` : null)), shareReplay({ bufferSize: 1, refCount: true }));
+        /**
+         * Observable that emits a boolean indicating whether the control is disabled, combining both internal state and controller state.
+         */
         this.isDisabled$ = this.control$.pipe(switchMap((control) => (control ? merge(this.updateControlDisabledState(control), this.getControlDisabledState(control)) : of(false))), distinctUntilChanged(), shareReplay({ bufferSize: 1, refCount: true }));
+        /**
+         * Observable that emits a boolean indicating whether the control is required, based on the presence of the required attribute or validator.
+         */
         this.isRequired$ = this.control$.pipe(map((control) => (control ? control.nativeElement.hasAttribute('required') || control.control.hasValidator(Validators.required) : false)), shareReplay({ bufferSize: 1, refCount: true }));
+        /**
+         * Observable that emits a boolean indicating whether the control is readonly, based on the presence of the readonly attribute.
+         */
         this.isReadonly$ = this.control$.pipe(switchMap((control) => (control && this.readonlyController ? this.readonlyController.isReadonly$ : of(false))));
     }
     ngOnDestroy() {
         this.control$$.complete();
         super.ngOnDestroy();
     }
+    /**
+     * Registers a control along with its native element to the service.
+     * @param {AbstractControl} control - The Angular form control.
+     * @param {ElementRef<HTMLElement>} nativeElement - The native element associated with the form control.
+     */
     registerControl(control, { nativeElement }) {
         this.control$$.next({ control, nativeElement });
     }
+    /**
+     * Removes the currently registered control from the service.
+     */
     removeControl() {
         this.control$$.next(null);
     }
@@ -65,14 +107,29 @@ const { FormFieldDefaultConfig, FormFieldConfig, injectFormFieldConfig, provideF
 
 const DEFAULT_CUSTOM_FORM_FIELD_ERROR = '@odx/angular/form-field/default-error';
 const DEFAULT_ERROR_RESOLVER = () => '';
+/**
+ * Manages and resolves form field errors by integrating custom error messages and templates.
+ * This service provides reactive observables for error states that can be used to display custom error messages in templates.
+ * It supports both string-based error messages and Angular templates for richer error displays.
+ */
 class FormFieldErrorService {
     constructor() {
         this.config = injectFormFieldConfig();
         this.fieldError$$ = new BehaviorSubject(null);
         this.customErrors$$ = new BehaviorSubject({});
+        /**
+         * An Observable that emits the resolved form field error based on current validations and custom errors.
+         * It outputs either a `FormFieldError` object with a message and context or `null` if no errors are found.
+         */
         this.error$ = combineLatest([this.fieldError$$, this.customErrors$$]).pipe(map(([error, customErrors]) => this.resolveError(error, customErrors)), distinctUntilChanged(), shareReplay({ bufferSize: 1, refCount: true }));
+        /**
+         * An Observable that emits a boolean indicating whether there are any active errors.
+         */
         this.hasError$ = this.error$.pipe(map((error) => error !== null));
     }
+    /**
+     * Gets a boolean indicating whether the current field has any errors.
+     */
     get hasError() {
         return this.fieldError$$.getValue() !== null;
     }
@@ -82,9 +139,18 @@ class FormFieldErrorService {
         this.fieldError$$.complete();
         this.customErrors$$.complete();
     }
+    /**
+     * Sets the first relevant error from the ValidationErrors object if any error matches the non-ignored error list.
+     * @param errors ValidationErrors object containing potential errors from a form control.
+     */
     setError(errors) {
         this.fieldError$$.next(this.getFirstError(errors ?? {}));
     }
+    /**
+     * Registers a custom error template for a specific error key.
+     * @param key The error key to register the custom template under. If omitted, a default key is used.
+     * @param template A TemplateRef instance containing the Angular template to display for this error.
+     */
     registerCustomError(key, template) {
         this.customErrors$$.next({ ...this.customErrors$$.getValue(), [key || DEFAULT_CUSTOM_FORM_FIELD_ERROR]: template });
     }
@@ -114,10 +180,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: Injectable
         }] });
 
+/**
+ * Represents a directive for handling form-related functionality.
+ * This directive listens for form submit and reset events, making them observable, which can be used to handle
+ * form interactions more reactively within Angular applications.
+ */
 let FormDirective = class FormDirective {
     constructor() {
         this.element = injectElement();
+        /**
+         * An Observable that emits events every time the form is submitted. This stream is shared among multiple subscribers,
+         * which means the form's submit event is processed as it occurs and is multicasted to all subscribers.
+         */
         this.submit$ = fromEvent(this.element.nativeElement, 'submit').pipe(takeUntilDestroyed(), share());
+        /**
+         * An Observable that emits events every time the form is reset. Similar to `submit$`, this stream is also shared
+         * among multiple subscribers, allowing components to react to form resets reactively and concurrently.
+         */
         this.reset$ = fromEvent(this.element.nativeElement, 'reset').pipe(takeUntilDestroyed(), share());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -135,6 +214,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+/**
+ * Represents a directive that provides control functionality for a form field.
+ * This directive is responsible for registering the control with the form field service,
+ * handling control changes, and managing form field attributes and error states.
+ */
 let FormFieldControlDirective = class FormFieldControlDirective {
     constructor() {
         this.ngControl = inject(NgControl, { optional: true, self: true });
@@ -198,6 +282,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return []; } });
 
+/**
+ * Directive for displaying custom error messages in a form field.
+ */
 class FormFieldErrorDirective {
     constructor() {
         this.formFieldErrorService = inject(FormFieldErrorService, { skipSelf: true });
@@ -220,6 +307,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['odxFormFieldError']
             }] } });
 
+/**
+ * Directive for displaying a hint within a form field.
+ */
 class FormFieldHintDirective {
     constructor() {
         this.formFieldService = inject(FormFieldService, { skipSelf: true });
@@ -239,6 +329,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return []; } });
 
+/**
+ * Directive for the label element within a form field.
+ */
 let FormFieldLabelDirective = class FormFieldLabelDirective {
     constructor() {
         this.element = injectElement();
@@ -257,9 +350,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+/**
+ * A component that displays form field information such as hints or error messages, providing feedback to the user.
+ * It integrates with the `FormFieldService` to reactively update and display this information based on the state of a
+ * form field. The component uses dynamic content loading to facilitate the rendering of custom template-driven or
+ * reactive hints and error messages, enhancing the flexibility and reusability of form validations and user prompts.
+ */
 class FormFieldInfoComponent {
     constructor() {
         this.formFieldService = inject(FormFieldService);
+        /**
+         * Input property that takes a `FormFieldError` object. This object contains detailed information about
+         * the form field error state including the message to be displayed, the key identifier of the error, and
+         * any contextual data that might be necessary for error resolution.
+         *
+         * @see {FormFieldError}
+         */
         this.error = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -274,9 +380,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * A component that aggregates multiple form field error services to manage and display error states across
+ * a group of form fields. It facilitates centralized error handling and dynamic updates to error messages,
+ * making it ideal for forms with complex validation rules or multiple data entry points.
+ *
+ * This component dynamically listens to changes in error states from its child components and updates the
+ * error information displayed to the user based on the most relevant error.
+ */
 let FormGroupComponent = class FormGroupComponent {
     constructor() {
         this.element = injectElement();
+        /**
+         * An observable that emits the current error state of the form group. It is calculated by combining the error states
+         * of all child form fields and selecting the most relevant error to display.
+         */
         this.error$ = null;
     }
     ngAfterContentInit() {
@@ -302,7 +420,13 @@ const FormFieldVariant = {
     HORIZONTAL: 'horizontal',
 };
 
+/**
+ * Represents a form field component.
+ */
 let FormFieldComponent = class FormFieldComponent {
+    /**
+     * Indicates whether the form field should have a warning.
+     */
     set hasWarning(value) {
         this.hasWarning$$.next(value);
     }
@@ -318,7 +442,14 @@ let FormFieldComponent = class FormFieldComponent {
         this.formFieldService = inject(FormFieldService, { self: true });
         this.formFieldErrorService = inject(FormFieldErrorService, { self: true });
         this.element = injectElement();
+        /**
+         * The label of the form field component.
+         */
         this.label = null;
+        /**
+         * The variant of the form field.
+         * @see {FormFieldVariant}
+         */
         this.variant = FormFieldVariant.FULL;
         const hasWarning$ = combineLatest([this.formFieldErrorService.error$, this.hasWarning$$]).pipe(map(([hasError, hasWarning]) => hasError && hasWarning));
         reactiveClassBinding(this.formFieldService.isRequired$, 'odx-form-field--required');