@odx/angular 1.0.0-rc.0

package/fesm2020/odx-angular-components-badge.mjs

@@ -0,0 +1,163 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, NgZone, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Directive } from '@angular/core';
+import { autoUpdate, computePosition, offset, hide } from '@floating-ui/dom';
+import { applyStyles, px, CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { hasChanged, Transform } from '@odx/angular/utils';
+import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
+
+const BADGE_HOST = new InjectionToken('@odx/angular/components/badge::BadgeHost');
+
+const BadgePosition = {
+    TOP: 'top',
+    BOTTOM: 'bottom',
+};
+
+const BadgeVariant = {
+    HIGHLIGHT: 'highlight',
+    DANGER: 'danger',
+    CONFIRMATION: 'confirmation',
+};
+
+const POSITION_STRATEGY = 'fixed';
+let BadgeComponent = class BadgeComponent {
+    constructor(element, zone) {
+        this.element = element;
+        this.zone = zone;
+        this.hostElement = inject(BADGE_HOST).hostElement;
+        this.referenceElement = this.element.nativeElement;
+        this.elementRect = null;
+        this.value = 0;
+        this.position = BadgePosition.BOTTOM;
+        this.contrast = false;
+    }
+    ngOnChanges(changes) {
+        if (hasChanged(changes, 'value')) {
+            this.startPositionUpdater();
+        }
+        if (hasChanged(changes, 'position')) {
+            this.updateBadgePosition();
+        }
+    }
+    ngAfterViewInit() {
+        this.referenceElement.style.position = POSITION_STRATEGY;
+        this.startPositionUpdater();
+    }
+    ngOnDestroy() {
+        this.stopPositionUpdater();
+    }
+    startPositionUpdater() {
+        this.referenceElement.dataset['value'] = this.value.toString();
+        if (this.value === 0) {
+            return this.stopPositionUpdater();
+        }
+        this.elementRect = this.referenceElement.getBoundingClientRect();
+        this.positionUpdater ?? (this.positionUpdater = this.zone.runOutsideAngular(() => autoUpdate(this.hostElement, this.referenceElement, () => this.updateBadgePosition(), { animationFrame: true })));
+    }
+    stopPositionUpdater() {
+        this.positionUpdater?.();
+        this.positionUpdater = undefined;
+    }
+    async updateBadgePosition() {
+        const badgeOffset = (this.elementRect?.height ?? 0) / 2;
+        const badgeWidth = this.elementRect?.width ?? 0;
+        const { x, y, middlewareData } = await computePosition(this.hostElement, this.referenceElement, {
+            middleware: [offset({ alignmentAxis: -badgeOffset, mainAxis: badgeOffset - badgeWidth }), hide()],
+            placement: this.position === BadgePosition.TOP ? 'right-start' : 'right-end',
+            strategy: POSITION_STRATEGY,
+        });
+        if (!middlewareData.hide?.referenceHidden) {
+            applyStyles(this.referenceElement, { transform: `translate(${px(x)}, ${px(y)})`, display: null });
+        }
+        else if (this.referenceElement.style.display !== 'none') {
+            applyStyles(this.referenceElement, { display: 'none' });
+        }
+    }
+};
+BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BadgeComponent, isStandalone: true, selector: "odx-badge", inputs: { value: "value", position: "position", contrast: "contrast", variant: "variant" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], BadgeComponent.prototype, "contrast", void 0);
+__decorate([
+    CSSModifier({ default: BadgeVariant.HIGHLIGHT }),
+    __metadata("design:type", String)
+], BadgeComponent.prototype, "variant", void 0);
+BadgeComponent = __decorate([
+    CSSComponent('badge'),
+    __metadata("design:paramtypes", [ElementRef, NgZone])
+], BadgeComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'odx-badge',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { value: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], contrast: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+
+class BadgeDirective {
+    constructor(injector, viewContainer) {
+        this.injector = injector;
+        this.viewContainer = viewContainer;
+        this.badgeRef = null;
+        this.hostElement = inject((ElementRef)).nativeElement;
+    }
+    ngOnChanges(changes) {
+        this.badgeRef ?? (this.badgeRef = this.viewContainer.createComponent(BadgeComponent, { injector: this.injector }));
+        for (const prop in changes) {
+            this.badgeRef.setInput(prop, changes[prop].currentValue);
+        }
+    }
+    ngOnDestroy() {
+        this.badgeRef?.destroy();
+    }
+}
+BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeDirective, deps: [{ token: i0.Injector }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BadgeDirective, isStandalone: true, selector: "[odxBadge]", inputs: { value: ["odxBadge", "value"], contrast: ["odxBadgeContrast", "contrast"], position: ["odxBadgePosition", "position"], variant: ["odxBadgeVariant", "variant"] }, providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }], usesOnChanges: true, ngImport: i0 });
+__decorate([
+    Transform(coerceNumberProperty),
+    __metadata("design:type", Number)
+], BadgeDirective.prototype, "value", void 0);
+__decorate([
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Boolean)
+], BadgeDirective.prototype, "contrast", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[odxBadge]',
+                    standalone: true,
+                    providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ViewContainerRef }]; }, propDecorators: { value: [{
+                type: Input,
+                args: ['odxBadge']
+            }], contrast: [{
+                type: Input,
+                args: ['odxBadgeContrast']
+            }], position: [{
+                type: Input,
+                args: ['odxBadgePosition']
+            }], variant: [{
+                type: Input,
+                args: ['odxBadgeVariant']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BadgeComponent, BadgeDirective, BadgePosition, BadgeVariant };
+//# sourceMappingURL=odx-angular-components-badge.mjs.map

package/fesm2020/odx-angular-components-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-badge.mjs","sources":["../../../../libs/angular/components/badge/src/lib/badge.config.ts","../../../../libs/angular/components/badge/src/lib/models/badge-position.ts","../../../../libs/angular/components/badge/src/lib/models/badge-variant.ts","../../../../libs/angular/components/badge/src/lib/badge.component.ts","../../../../libs/angular/components/badge/src/lib/badge.directive.ts","../../../../libs/angular/components/badge/src/odx-angular-components-badge.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { BadgeHost } from './facade';\n\nexport const BADGE_HOST = new InjectionToken<BadgeHost>('@odx/angular/components/badge::BadgeHost');\n","export type BadgePosition = typeof BadgePosition[keyof typeof BadgePosition];\n\nexport const BadgePosition = {\n  TOP: 'top',\n  BOTTOM: 'bottom',\n} as const;\n","export type BadgeVariant = typeof BadgeVariant[keyof typeof BadgeVariant];\n\nexport const BadgeVariant = {\n  HIGHLIGHT: 'highlight',\n  DANGER: 'danger',\n  CONFIRMATION: 'confirmation',\n} as const;\n","import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, inject, Input, NgZone, OnChanges, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { autoUpdate, computePosition, hide, offset, Strategy } from '@floating-ui/dom';\nimport { applyStyles, CSSComponent, CSSModifier, px } from '@odx/angular/internal';\nimport { hasChanged, NgChanges } from '@odx/angular/utils';\nimport { BADGE_HOST } from './badge.config';\nimport { BadgePosition, BadgeVariant } from './models';\n\nconst POSITION_STRATEGY: Strategy = 'fixed';\n\n@CSSComponent('badge')\n@Component({\n  selector: 'odx-badge',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: true,\n})\nexport class BadgeComponent implements AfterViewInit, OnChanges, OnDestroy {\n  private readonly hostElement = inject(BADGE_HOST).hostElement;\n  private readonly referenceElement = this.element.nativeElement;\n  private positionUpdater?: () => void;\n  private elementRect: DOMRect | null = null;\n\n  @Input()\n  public value = 0;\n\n  @Input()\n  public position: BadgePosition = BadgePosition.BOTTOM;\n\n  @CSSModifier()\n  @Input()\n  public contrast = false;\n\n  @CSSModifier({ default: BadgeVariant.HIGHLIGHT })\n  @Input()\n  public variant!: BadgeVariant;\n\n  constructor(public readonly element: ElementRef<HTMLElement>, private readonly zone: NgZone) {}\n\n  public ngOnChanges(changes: NgChanges<BadgeComponent>): void {\n    if (hasChanged(changes, 'value')) {\n      this.startPositionUpdater();\n    }\n    if (hasChanged(changes, 'position')) {\n      this.updateBadgePosition();\n    }\n  }\n\n  public ngAfterViewInit(): void {\n    this.referenceElement.style.position = POSITION_STRATEGY;\n    this.startPositionUpdater();\n  }\n\n  public ngOnDestroy(): void {\n    this.stopPositionUpdater();\n  }\n\n  private startPositionUpdater(): void {\n    this.referenceElement.dataset['value'] = this.value.toString();\n    if (this.value === 0) {\n      return this.stopPositionUpdater();\n    }\n    this.elementRect = this.referenceElement.getBoundingClientRect();\n    this.positionUpdater ??= this.zone.runOutsideAngular(() =>\n      autoUpdate(this.hostElement, this.referenceElement, () => this.updateBadgePosition(), { animationFrame: true })\n    );\n  }\n\n  private stopPositionUpdater(): void {\n    this.positionUpdater?.();\n    this.positionUpdater = undefined;\n  }\n\n  private async updateBadgePosition(): Promise<void> {\n    const badgeOffset = (this.elementRect?.height ?? 0) / 2;\n    const badgeWidth = this.elementRect?.width ?? 0;\n    const { x, y, middlewareData } = await computePosition(this.hostElement, this.referenceElement, {\n      middleware: [offset({ alignmentAxis: -badgeOffset, mainAxis: badgeOffset - badgeWidth }), hide()],\n      placement: this.position === BadgePosition.TOP ? 'right-start' : 'right-end',\n      strategy: POSITION_STRATEGY,\n    });\n    if (!middlewareData.hide?.referenceHidden) {\n      applyStyles(this.referenceElement, { transform: `translate(${px(x)}, ${px(y)})`, display: null });\n    } else if (this.referenceElement.style.display !== 'none') {\n      applyStyles(this.referenceElement, { display: 'none' });\n    }\n  }\n}\n","import { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { ComponentRef, Directive, ElementRef, inject, Injector, Input, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';\nimport { Transform } from '@odx/angular/utils';\nimport { BadgeComponent } from './badge.component';\nimport { BADGE_HOST } from './badge.config';\nimport { BadgeHost } from './facade';\nimport { BadgePosition, BadgeVariant } from './models';\n\n@Directive({\n  selector: '[odxBadge]',\n  standalone: true,\n  providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }],\n})\nexport class BadgeDirective implements BadgeHost, OnChanges, OnDestroy {\n  public static ngAcceptInputType_content: NumberInput;\n  public static ngAcceptInputType_contrast: BooleanInput;\n\n  private badgeRef: ComponentRef<BadgeComponent> | null = null;\n\n  public readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n  @Transform(coerceNumberProperty)\n  @Input('odxBadge')\n  public value!: number;\n\n  @Transform(coerceBooleanProperty)\n  @Input('odxBadgeContrast')\n  public contrast!: boolean;\n\n  @Input('odxBadgePosition')\n  public position!: BadgePosition;\n\n  @Input('odxBadgeVariant')\n  public variant!: BadgeVariant;\n\n  constructor(private readonly injector: Injector, private readonly viewContainer: ViewContainerRef) {}\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    this.badgeRef ??= this.viewContainer.createComponent(BadgeComponent, { injector: this.injector });\n\n    for (const prop in changes) {\n      this.badgeRef.setInput(prop, changes[prop].currentValue);\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.badgeRef?.destroy();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-components-button.mjs

@@ -0,0 +1,69 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Attribute, Input } from '@angular/core';
+import { NgForm, FormGroupDirective } from '@angular/forms';
+import { DISABLED_CONTROLLER, DISABLED_CONTROLLER_PROVIDER } from '@odx/angular';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+
+const ButtonVariant = {
+    PRIMARY: 'primary',
+    SECONDARY: 'secondary',
+    GHOST: 'ghost',
+    HIGHLIGHT: 'highlight',
+    SUCCESS: 'success',
+    CONFIRMATION: 'confirmation',
+    DANGER: 'danger',
+};
+
+let ButtonComponent = class ButtonComponent {
+    constructor(type, element) {
+        this.type = type;
+        this.element = element;
+        this.isSubmitButton = this.type === 'submit';
+        this.isResetButton = this.type === 'reset';
+        this.disabledController = inject(DISABLED_CONTROLLER, { optional: true });
+        this.form = inject(NgForm, { optional: true });
+        this.formGroup = inject(FormGroupDirective, { optional: true });
+    }
+    get isDisabled() {
+        return this.disabledController?.disabled || (this.isSubmitButton && this.isParentFormInvalid) || (this.isResetButton && this.isParentFormDirty);
+    }
+    get isParentFormInvalid() {
+        return !!this.form?.invalid || !!this.formGroup?.invalid;
+    }
+    get isParentFormDirty() {
+        return !!this.form?.dirty || !!this.formGroup?.dirty;
+    }
+};
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ButtonComponent, deps: [{ token: 'type', attribute: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: ButtonComponent, isStandalone: true, selector: "button[odxButton], a[odxButton]", inputs: { variant: "variant" }, host: { properties: { "class.is-disabled": "isDisabled", "attr.disabled": "isDisabled || null", "attr.role": "\"button\"" } }, providers: [DISABLED_CONTROLLER_PROVIDER], ngImport: i0, template: "<ng-content select=\"odx-icon[alignLeft]\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier({
+        default: ButtonVariant.SECONDARY,
+    }),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "variant", void 0);
+ButtonComponent = __decorate([
+    CSSComponent('button'),
+    __metadata("design:paramtypes", [Object, ElementRef])
+], ButtonComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'button[odxButton], a[odxButton]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DISABLED_CONTROLLER_PROVIDER], host: {
+                        '[class.is-disabled]': 'isDisabled',
+                        '[attr.disabled]': 'isDisabled || null',
+                        '[attr.role]': '"button"',
+                    }, template: "<ng-content select=\"odx-icon[alignLeft]\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></ng-content>\n" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['type']
+                }] }, { type: i0.ElementRef }]; }, propDecorators: { variant: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, ButtonVariant };
+//# sourceMappingURL=odx-angular-components-button.mjs.map

package/fesm2020/odx-angular-components-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-button.mjs","sources":["../../../../libs/angular/components/button/src/lib/models/button-variant.ts","../../../../libs/angular/components/button/src/lib/button.component.ts","../../../../libs/angular/components/button/src/lib/button.component.html","../../../../libs/angular/components/button/src/odx-angular-components-button.ts"],"sourcesContent":["export type ButtonVariant = typeof ButtonVariant[keyof typeof ButtonVariant];\n\nexport const ButtonVariant = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  GHOST: 'ghost',\n  HIGHLIGHT: 'highlight',\n  SUCCESS: 'success',\n  CONFIRMATION: 'confirmation',\n  DANGER: 'danger',\n} as const;\n","import { Attribute, ChangeDetectionStrategy, Component, ElementRef, inject, Input, ViewEncapsulation } from '@angular/core';\nimport { FormGroupDirective, NgForm } from '@angular/forms';\nimport { DISABLED_CONTROLLER, DISABLED_CONTROLLER_PROVIDER } from '@odx/angular';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { ButtonVariant } from './models';\n\n@CSSComponent('button')\n@Component({\n  standalone: true,\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[odxButton], a[odxButton]',\n  templateUrl: './button.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [DISABLED_CONTROLLER_PROVIDER],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[attr.disabled]': 'isDisabled || null',\n    '[attr.role]': '\"button\"',\n  },\n})\nexport class ButtonComponent {\n  private readonly isSubmitButton = this.type === 'submit';\n  private readonly isResetButton = this.type === 'reset';\n\n  protected readonly disabledController = inject(DISABLED_CONTROLLER, { optional: true });\n  protected readonly form = inject(NgForm, { optional: true });\n  protected readonly formGroup = inject(FormGroupDirective, { optional: true });\n\n  public get isDisabled(): boolean {\n    return this.disabledController?.disabled || (this.isSubmitButton && this.isParentFormInvalid) || (this.isResetButton && this.isParentFormDirty);\n  }\n\n  public get isParentFormInvalid(): boolean {\n    return !!this.form?.invalid || !!this.formGroup?.invalid;\n  }\n\n  public get isParentFormDirty(): boolean {\n    return !!this.form?.dirty || !!this.formGroup?.dirty;\n  }\n\n  @CSSModifier({\n    default: ButtonVariant.SECONDARY,\n  })\n  @Input()\n  public variant?: ButtonVariant | null;\n\n  constructor(@Attribute('type') public readonly type: string | null, public readonly element: ElementRef<HTMLButtonElement | HTMLLinkElement>) {}\n}\n","<ng-content select=\"odx-icon[alignLeft]\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-components-checkbox.mjs

@@ -0,0 +1,80 @@
+import { __decorate, __metadata } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { EventEmitter, ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output } from '@angular/core';
+import { Validators } from '@angular/forms';
+import * as i1 from '@odx/angular';
+import { CustomFormControl, DISABLED_CONTROLLER_PROVIDER, CoreModule } from '@odx/angular';
+import { IconComponent } from '@odx/angular/components/icon';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+
+let CheckboxComponent = class CheckboxComponent extends CustomFormControl {
+    constructor(element) {
+        super(false);
+        this.element = element;
+        this.isIndeterminate = false;
+        this.value = null;
+        this.indeterminateChange = new EventEmitter();
+    }
+    set checked(value) {
+        this.controlValue = value;
+    }
+    get checked() {
+        return this.controlValue;
+    }
+    set indeterminate(value) {
+        if (this.isIndeterminate !== value) {
+            this.isIndeterminate = coerceBooleanProperty(value);
+            this.indeterminateChange.emit(this.isIndeterminate);
+        }
+    }
+    get indeterminate() {
+        return this.isIndeterminate;
+    }
+    get ariaChecked() {
+        return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';
+    }
+    get modifierIcon() {
+        return this.indeterminate ? 'indeterminate' : 'checkmark';
+    }
+    onChanged(event) {
+        event.stopPropagation();
+        this.indeterminate = false;
+        super.updateValue(event.target.checked);
+    }
+    updateRequiredValidator() {
+        this.toggleValidator(Validators.requiredTrue, this.required);
+    }
+};
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: CheckboxComponent, isStandalone: true, selector: "odx-checkbox", inputs: { checked: "checked", indeterminate: "indeterminate", value: "value" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { properties: { "class.is-active": "checked || indeterminate" } }, providers: [DISABLED_CONTROLLER_PROVIDER], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-checkbox__label\" [class.has-focus]=\"focusMonitor.hasFocus\">\n  <input\n    odxControl\n    odxMonitorFocus\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || readonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"readonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n    #focusMonitor=\"odxMonitorFocus\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\"></odx-icon>\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: i1.ControlDirective, selector: "[odxControl]", exportAs: ["odxControl"] }, { kind: "directive", type: i1.MonitorFocusDirective, selector: "[odxMonitorFocus]", exportAs: ["odxMonitorFocus"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], CheckboxComponent.prototype, "indeterminate", null);
+CheckboxComponent = __decorate([
+    CSSComponent('checkbox'),
+    __metadata("design:paramtypes", [ElementRef])
+], CheckboxComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CoreModule, IconComponent], providers: [DISABLED_CONTROLLER_PROVIDER], host: {
+                        '[class.is-active]': 'checked || indeterminate',
+                    }, template: "<label class=\"odx-checkbox__label\" [class.has-focus]=\"focusMonitor.hasFocus\">\n  <input\n    odxControl\n    odxMonitorFocus\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || readonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"readonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n    #focusMonitor=\"odxMonitorFocus\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\"></odx-icon>\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { checked: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], indeterminateChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckboxComponent };
+//# sourceMappingURL=odx-angular-components-checkbox.mjs.map

package/fesm2020/odx-angular-components-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-output-native */\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { Validators } from '@angular/forms';\nimport { CoreModule, CustomFormControl, DISABLED_CONTROLLER_PROVIDER } from '@odx/angular';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n@CSSComponent('checkbox')\n@Component({\n  standalone: true,\n  selector: 'odx-checkbox',\n  templateUrl: 'checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CoreModule, IconComponent],\n  providers: [DISABLED_CONTROLLER_PROVIDER],\n  host: {\n    '[class.is-active]': 'checked || indeterminate',\n  },\n})\nexport class CheckboxComponent extends CustomFormControl<boolean> {\n  public static ngAcceptInputType_checked: BooleanInput;\n  public static ngAcceptInputType_indeterminate: BooleanInput;\n\n  private isIndeterminate = false;\n\n  @Input()\n  public set checked(value: boolean) {\n    this.controlValue = value;\n  }\n  public get checked(): boolean {\n    return this.controlValue;\n  }\n\n  @CSSModifier()\n  @Input()\n  public set indeterminate(value: unknown) {\n    if (this.isIndeterminate !== value) {\n      this.isIndeterminate = coerceBooleanProperty(value);\n      this.indeterminateChange.emit(this.isIndeterminate);\n    }\n  }\n  public get indeterminate(): boolean {\n    return this.isIndeterminate;\n  }\n\n  @Input()\n  public value: string | null = null;\n\n  public get ariaChecked(): string {\n    return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n  }\n\n  public get modifierIcon(): string {\n    return this.indeterminate ? 'indeterminate' : 'checkmark';\n  }\n\n  @Output()\n  public readonly indeterminateChange = new EventEmitter<boolean>();\n\n  constructor(public readonly element: ElementRef<HTMLElement>) {\n    super(false);\n  }\n\n  public onChanged(event: Event): void {\n    event.stopPropagation();\n    this.indeterminate = false;\n    super.updateValue((event.target as HTMLInputElement).checked);\n  }\n\n  protected override updateRequiredValidator(): void {\n    this.toggleValidator(Validators.requiredTrue, this.required);\n  }\n}\n","<label class=\"odx-checkbox__label\" [class.has-focus]=\"focusMonitor.hasFocus\">\n  <input\n    odxControl\n    odxMonitorFocus\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || readonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"readonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n    #focusMonitor=\"odxMonitorFocus\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\"></odx-icon>\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/odx-angular-components-content-box.mjs

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
+
+class ContentBoxComponent {
+}
+ContentBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ContentBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: ContentBoxComponent, isStandalone: true, selector: "odx-content-box", host: { properties: { "class.odx-content-box": "true" } }, ngImport: i0, template: "<ng-content select=\"odx-area-header, odx-content-box-header\"></ng-content>\n<div class=\"odx-content-box__content\">\n  <ng-content></ng-content>\n</div>\n<ng-content select=\"odx-content-box-footer\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-content-box', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.odx-content-box]': 'true',
+                    }, template: "<ng-content select=\"odx-area-header, odx-content-box-header\"></ng-content>\n<div class=\"odx-content-box__content\">\n  <ng-content></ng-content>\n</div>\n<ng-content select=\"odx-content-box-footer\"></ng-content>\n" }]
+        }] });
+
+class ContentBoxFooterDirective {
+}
+ContentBoxFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ContentBoxFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: ContentBoxFooterDirective, isStandalone: true, selector: "odx-content-box-footer", host: { properties: { "class.odx-content-box__footer": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'odx-content-box-footer',
+                    standalone: true,
+                    host: {
+                        '[class.odx-content-box__footer]': 'true',
+                    },
+                }]
+        }] });
+
+class ContentBoxHeaderDirective {
+}
+ContentBoxHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ContentBoxHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: ContentBoxHeaderDirective, isStandalone: true, selector: "odx-content-box-header", host: { properties: { "class.odx-content-box__header": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'odx-content-box-header',
+                    standalone: true,
+                    host: {
+                        '[class.odx-content-box__header]': 'true',
+                    },
+                }]
+        }] });
+
+const modules = [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective];
+class ContentBoxModule {
+}
+ContentBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ContentBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxModule, imports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective], exports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective] });
+ContentBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxModule, imports: [ContentBoxComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: modules,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ContentBoxComponent, ContentBoxFooterDirective, ContentBoxHeaderDirective, ContentBoxModule };
+//# sourceMappingURL=odx-angular-components-content-box.mjs.map

package/fesm2020/odx-angular-components-content-box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-content-box.mjs","sources":["../../../../libs/angular/components/content-box/src/lib/content-box.component.ts","../../../../libs/angular/components/content-box/src/lib/content-box.component.html","../../../../libs/angular/components/content-box/src/lib/directives/content-box-footer-directive.ts","../../../../libs/angular/components/content-box/src/lib/directives/content-box-header-directive.ts","../../../../libs/angular/components/content-box/src/lib/content-box.module.ts","../../../../libs/angular/components/content-box/src/odx-angular-components-content-box.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'odx-content-box',\n  standalone: true,\n  templateUrl: './content-box.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.odx-content-box]': 'true',\n  },\n})\nexport class ContentBoxComponent {}\n","<ng-content select=\"odx-area-header, odx-content-box-header\"></ng-content>\n<div class=\"odx-content-box__content\">\n  <ng-content></ng-content>\n</div>\n<ng-content select=\"odx-content-box-footer\"></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'odx-content-box-footer',\n  standalone: true,\n  host: {\n    '[class.odx-content-box__footer]': 'true',\n  },\n})\nexport class ContentBoxFooterDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'odx-content-box-header',\n  standalone: true,\n  host: {\n    '[class.odx-content-box__header]': 'true',\n  },\n})\nexport class ContentBoxHeaderDirective {}\n","import { NgModule } from '@angular/core';\nimport { ContentBoxComponent } from './content-box.component';\nimport { ContentBoxFooterDirective } from './directives/content-box-footer-directive';\nimport { ContentBoxHeaderDirective } from './directives/content-box-header-directive';\n\nconst modules = [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class ContentBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,111 @@
+import * as i0 from '@angular/core';
+import { Directive, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __decorate, __metadata } from 'tslib';
+import { CommonModule } from '@angular/common';
+import { LogoDirective } from '@odx/angular/components/logo';
+import { CSSComponent } from '@odx/angular/internal';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { AvatarComponent } from '@odx/angular/components/avatar';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+import { MainMenuModule } from '@odx/angular/components/main-menu';
+
+class HeaderAvatarDirective {
+}
+HeaderAvatarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+HeaderAvatarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: HeaderAvatarDirective, isStandalone: true, selector: "button[odxHeaderAvatar]", host: { properties: { "class.odx-header__avatar": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderAvatarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'button[odxHeaderAvatar]',
+                    host: {
+                        '[class.odx-header__avatar]': 'true',
+                    },
+                }]
+        }] });
+
+class HeaderTitleDirective {
+}
+HeaderTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+HeaderTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: HeaderTitleDirective, isStandalone: true, selector: "odx-header-title", host: { properties: { "class.odx-header__title": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'odx-header-title',
+                    standalone: true,
+                    host: {
+                        '[class.odx-header__title]': 'true',
+                    },
+                }]
+        }] });
+
+let HeaderComponent = class HeaderComponent {
+    constructor(element) {
+        this.element = element;
+    }
+};
+HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: HeaderComponent, isStandalone: true, selector: "odx-header", ngImport: i0, template: "<ng-content select=\"button[odxMainMenuButton]\"></ng-content>\n<ng-content select=\"odx-header-title\"></ng-content>\n<odx-logo></odx-logo>\n<ng-content select=\"odx-action-group\"></ng-content>\n<ng-content select=\"[odxHeaderAvatar]\"></ng-content>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LogoDirective, selector: "odx-logo", inputs: ["size", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+HeaderComponent = __decorate([
+    CSSComponent('header'),
+    __metadata("design:paramtypes", [ElementRef])
+], HeaderComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-header', imports: [CommonModule, LogoDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"button[odxMainMenuButton]\"></ng-content>\n<ng-content select=\"odx-header-title\"></ng-content>\n<odx-logo></odx-logo>\n<ng-content select=\"odx-action-group\"></ng-content>\n<ng-content select=\"[odxHeaderAvatar]\"></ng-content>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+const modules = [
+    HeaderComponent,
+    HeaderTitleDirective,
+    HeaderAvatarDirective,
+    MainMenuModule,
+    ActionGroupComponent,
+    IconComponent,
+    ButtonComponent,
+    AvatarComponent,
+    LogoDirective,
+];
+class HeaderModule {
+}
+HeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: HeaderModule, imports: [HeaderComponent,
+        HeaderTitleDirective,
+        HeaderAvatarDirective,
+        MainMenuModule,
+        ActionGroupComponent,
+        IconComponent,
+        ButtonComponent,
+        AvatarComponent,
+        LogoDirective], exports: [HeaderComponent,
+        HeaderTitleDirective,
+        HeaderAvatarDirective,
+        MainMenuModule,
+        ActionGroupComponent,
+        IconComponent,
+        ButtonComponent,
+        AvatarComponent,
+        LogoDirective] });
+HeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderModule, imports: [HeaderComponent,
+        MainMenuModule,
+        ActionGroupComponent,
+        IconComponent,
+        ButtonComponent,
+        AvatarComponent,
+        MainMenuModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: HeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: modules,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HeaderAvatarDirective, HeaderComponent, HeaderModule, HeaderTitleDirective };
+//# sourceMappingURL=odx-angular-components-header.mjs.map

package/fesm2020/odx-angular-components-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-header.mjs","sources":["../../../../libs/angular/components/header/src/lib/directives/header-avatar.directive.ts","../../../../libs/angular/components/header/src/lib/directives/header-title.directive.ts","../../../../libs/angular/components/header/src/lib/header.component.ts","../../../../libs/angular/components/header/src/lib/header.component.html","../../../../libs/angular/components/header/src/lib/header.module.ts","../../../../libs/angular/components/header/src/odx-angular-components-header.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: 'button[odxHeaderAvatar]',\n  host: {\n    '[class.odx-header__avatar]': 'true',\n  },\n})\nexport class HeaderAvatarDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'odx-header-title',\n  standalone: true,\n  host: {\n    '[class.odx-header__title]': 'true',\n  },\n})\nexport class HeaderTitleDirective {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation } from '@angular/core';\nimport { LogoDirective } from '@odx/angular/components/logo';\nimport { CSSComponent } from '@odx/angular/internal';\n\n@CSSComponent('header')\n@Component({\n  standalone: true,\n  selector: 'odx-header',\n  imports: [CommonModule, LogoDirective],\n  templateUrl: './header.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderComponent {\n  constructor(public readonly element: ElementRef<HTMLElement>) {}\n}\n","<ng-content select=\"button[odxMainMenuButton]\"></ng-content>\n<ng-content select=\"odx-header-title\"></ng-content>\n<odx-logo></odx-logo>\n<ng-content select=\"odx-action-group\"></ng-content>\n<ng-content select=\"[odxHeaderAvatar]\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { AvatarComponent } from '@odx/angular/components/avatar';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { LogoDirective } from '@odx/angular/components/logo';\nimport { MainMenuModule } from '@odx/angular/components/main-menu';\nimport { HeaderAvatarDirective, HeaderTitleDirective } from './directives';\nimport { HeaderComponent } from './header.component';\n\nconst modules = [\n  HeaderComponent,\n  HeaderTitleDirective,\n  HeaderAvatarDirective,\n  MainMenuModule,\n  ActionGroupComponent,\n  IconComponent,\n  ButtonComponent,\n  AvatarComponent,\n  LogoDirective,\n];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class HeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MASa,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,IAAI,EAAE;AACJ,wBAAA,4BAA4B,EAAE,MAAM;AACrC,qBAAA;AACF,iBAAA,CAAA;;;MCEY,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,2BAA2B,EAAE,MAAM;AACpC,qBAAA;AACF,iBAAA,CAAA;;;ACKY,IAAA,eAAe,SAAf,eAAe,CAAA;AAC1B,IAAA,WAAA,CAA4B,OAAgC,EAAA;QAAhC,IAAO,CAAA,OAAA,GAAP,OAAO,CAAyB;KAAI;EACjE;4GAFY,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,ECd5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+PAKA,EDIY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;AAK1B,eAAe,GAAA,UAAA,CAAA;IAT3B,YAAY,CAAC,QAAQ,CAAC;qCAUgB,UAAU,CAAA,CAAA;AADpC,CAAA,EAAA,eAAe,CAE3B,CAAA;2FAFY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,YAAY,EACb,OAAA,EAAA,CAAC,YAAY,EAAE,aAAa,CAAC,EAAA,aAAA,EAEvB,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+PAAA,EAAA,CAAA;;;AEFjD,MAAM,OAAO,GAAG;IACd,eAAe;IACf,oBAAoB;IACpB,qBAAqB;IACrB,cAAc;IACd,oBAAoB;IACpB,aAAa;IACb,eAAe;IACf,eAAe;IACf,aAAa;CACd,CAAC;MAMW,YAAY,CAAA;;yGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAfvB,eAAe;QACf,oBAAoB;QACpB,qBAAqB;QACrB,cAAc;QACd,oBAAoB;QACpB,aAAa;QACb,eAAe;QACf,eAAe;AACf,QAAA,aAAa,aARb,eAAe;QACf,oBAAoB;QACpB,qBAAqB;QACrB,cAAc;QACd,oBAAoB;QACpB,aAAa;QACb,eAAe;QACf,eAAe;QACf,aAAa,CAAA,EAAA,CAAA,CAAA;AAOF,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAfvB,eAAe;QAGf,cAAc;QACd,oBAAoB;QACpB,aAAa;QACb,eAAe;QACf,eAAe;QAJf,cAAc,CAAA,EAAA,CAAA,CAAA;2FAYH,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,OAAO,EAAE,OAAO;AACjB,iBAAA,CAAA;;;ACzBD;;AAEG;;;;"}