@odx/angular 1.0.0-rc.1 → 1.0.0-rc.10

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

@@ -1,17 +1,11 @@
-import { __awaiter, __decorate, __metadata } from 'tslib';
+import { __decorate, __metadata } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
 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',
-};
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, inject, Directive } from '@angular/core';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement, Transform, getInjector, Position, isPresent } from '@odx/angular/utils';
+import { ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';
 
 const BadgeVariant = {
     HIGHLIGHT: 'highlight',
@@ -19,69 +13,16 @@ const BadgeVariant = {
     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;
+    constructor() {
+        this.element = injectElement();
         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() {
-        var _a;
-        this.referenceElement.dataset['value'] = this.value.toString();
-        if (this.value === 0) {
-            return this.stopPositionUpdater();
-        }
-        this.elementRect = this.referenceElement.getBoundingClientRect();
-        (_a = this.positionUpdater) !== null && _a !== void 0 ? _a : (this.positionUpdater = this.zone.runOutsideAngular(() => autoUpdate(this.hostElement, this.referenceElement, () => this.updateBadgePosition(), { animationFrame: true })));
-    }
-    stopPositionUpdater() {
-        var _a;
-        (_a = this.positionUpdater) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.positionUpdater = undefined;
-    }
-    updateBadgePosition() {
-        var _a, _b, _c, _d, _e;
-        return __awaiter(this, void 0, void 0, function* () {
-            const badgeOffset = ((_b = (_a = this.elementRect) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 0) / 2;
-            const badgeWidth = (_d = (_c = this.elementRect) === null || _c === void 0 ? void 0 : _c.width) !== null && _d !== void 0 ? _d : 0;
-            const { x, y, middlewareData } = yield 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 (!((_e = middlewareData.hide) === null || _e === void 0 ? void 0 : _e.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 });
+BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BadgeComponent, isStandalone: true, selector: "odx-badge", inputs: { contrast: "contrast", variant: "variant", value: "value" }, ngImport: i0, template: '<ng-template [odxDynamicView]="value"></ng-template>', isInline: true, dependencies: [{ kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
+    Transform(coerceBooleanProperty),
     CSSModifier(),
     __metadata("design:type", Object)
 ], BadgeComponent.prototype, "contrast", void 0);
@@ -90,65 +31,87 @@ __decorate([
     __metadata("design:type", String)
 ], BadgeComponent.prototype, "variant", void 0);
 BadgeComponent = __decorate([
-    CSSComponent('badge'),
-    __metadata("design:paramtypes", [ElementRef, NgZone])
+    CSSComponent('badge')
 ], BadgeComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
             args: [{
+                    standalone: true,
                     selector: 'odx-badge',
-                    template: '',
+                    imports: [DynamicViewDirective],
+                    template: '<ng-template [odxDynamicView]="value"></ng-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: [{
+        }], propDecorators: { contrast: [{
                 type: Input
             }], variant: [{
                 type: Input
+            }], value: [{
+                type: Input
             }] } });
 
-class BadgeDirective {
-    constructor(injector, viewContainer) {
-        this.injector = injector;
-        this.viewContainer = viewContainer;
+const DEFAULT_BADGE_OVERLAY_OPTIONS = {
+    content: BadgeComponent,
+    enableFallback: false,
+    offset: 0,
+    containerClass: 'odx-badge-overlay',
+};
+let BadgeDirective = class BadgeDirective {
+    constructor() {
+        this.connectedOverlayService = inject(ConnectedOverlayService);
+        this.injector = getInjector();
         this.badgeRef = null;
-        this.hostElement = inject((ElementRef)).nativeElement;
+        this.element = injectElement();
+        this.value = null;
+        this.contrast = false;
+        this.position = Position.BOTTOM_END;
     }
-    ngOnChanges(changes) {
-        var _a;
-        (_a = this.badgeRef) !== null && _a !== void 0 ? _a : (this.badgeRef = this.viewContainer.createComponent(BadgeComponent, { injector: this.injector }));
-        for (const prop in changes) {
-            this.badgeRef.setInput(prop, changes[prop].currentValue);
+    ngOnChanges() {
+        if (isPresent(this.value)) {
+            this.showBadge();
         }
+        else {
+            this.hideBadge();
+        }
+        this.updateBadge();
     }
     ngOnDestroy() {
+        this.hideBadge();
+    }
+    showBadge() {
         var _a;
-        (_a = this.badgeRef) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_a = this.badgeRef) !== null && _a !== void 0 ? _a : (this.badgeRef = this.connectedOverlayService.createOverlay(this.element.nativeElement, DEFAULT_BADGE_OVERLAY_OPTIONS, { injector: this.injector }));
     }
-}
-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);
+    hideBadge() {
+        var _a;
+        (_a = this.badgeRef) === null || _a === void 0 ? void 0 : _a.close();
+        this.badgeRef = null;
+    }
+    updateBadge() {
+        var _a;
+        (_a = this.badgeRef) === null || _a === void 0 ? void 0 : _a.update({
+            context: { contrast: this.contrast, value: this.value, variant: this.variant },
+            position: this.position,
+        });
+    }
+};
+BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: BadgeDirective, isStandalone: true, selector: "[odxBadge]", inputs: { value: ["odxBadge", "value"], contrast: ["odxBadgeContrast", "contrast"], position: ["odxBadgePosition", "position"], variant: ["odxBadgeVariant", "variant"] }, usesOnChanges: true, ngImport: i0 });
 __decorate([
     Transform(coerceBooleanProperty),
-    __metadata("design:type", Boolean)
+    __metadata("design:type", Object)
 ], BadgeDirective.prototype, "contrast", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeDirective, decorators: [{
+BadgeDirective = __decorate([
+    CSSComponent('badge-host')
+], BadgeDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", 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: [{
+        }], propDecorators: { value: [{
                 type: Input,
                 args: ['odxBadge']
             }], contrast: [{
@@ -166,5 +129,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BadgeComponent, BadgeDirective, BadgePosition, BadgeVariant };
+export { BadgeComponent, BadgeDirective, BadgeVariant };
 //# sourceMappingURL=odx-angular-components-badge.mjs.map

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

@@ -1 +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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"}
+{"version":3,"file":"odx-angular-components-badge.mjs","sources":["../../../../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":["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 { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DynamicTextContent, DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement, Transform } from '@odx/angular/utils';\nimport { BadgeVariant } from './models';\n\n@CSSComponent('badge')\n@Component({\n  standalone: true,\n  selector: 'odx-badge',\n  imports: [DynamicViewDirective],\n  template: '<ng-template [odxDynamicView]=\"value\"></ng-template>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class BadgeComponent {\n  public static readonly ngAcceptInputType_contrast: BooleanInput;\n\n  public readonly element = injectElement();\n\n  @Transform(coerceBooleanProperty)\n  @CSSModifier()\n  @Input()\n  public contrast = false;\n\n  @CSSModifier({ default: BadgeVariant.HIGHLIGHT })\n  @Input()\n  public variant!: BadgeVariant;\n\n  @Input()\n  public value?: DynamicTextContent | null;\n}\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Directive, inject, Input, OnChanges, OnDestroy } from '@angular/core';\nimport { ConnectedOverlayOptions, ConnectedOverlayRef, ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';\nimport { DynamicTextContent } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { getInjector, injectElement, isPresent, Position, Transform } from '@odx/angular/utils';\nimport { BadgeComponent } from './badge.component';\nimport { BadgeVariant } from './models';\n\nconst DEFAULT_BADGE_OVERLAY_OPTIONS: Partial<ConnectedOverlayOptions> = {\n  content: BadgeComponent,\n  enableFallback: false,\n  offset: 0,\n  containerClass: 'odx-badge-overlay',\n};\n\n@CSSComponent('badge-host')\n@Directive({\n  selector: '[odxBadge]',\n  standalone: true,\n})\nexport class BadgeDirective implements BadgeComponent, OnChanges, OnDestroy {\n  public static ngAcceptInputType_contrast: BooleanInput;\n\n  private readonly connectedOverlayService = inject(ConnectedOverlayService);\n  private readonly injector = getInjector();\n  private badgeRef: ConnectedOverlayRef | null = null;\n\n  public readonly element = injectElement();\n\n  @Input('odxBadge')\n  public value?: DynamicTextContent | null = null;\n\n  @Transform(coerceBooleanProperty)\n  @Input('odxBadgeContrast')\n  public contrast = false;\n\n  @Input('odxBadgePosition')\n  public position: Position = Position.BOTTOM_END;\n\n  @Input('odxBadgeVariant')\n  public variant!: BadgeVariant;\n\n  public ngOnChanges(): void {\n    if (isPresent(this.value)) {\n      this.showBadge();\n    } else {\n      this.hideBadge();\n    }\n    this.updateBadge();\n  }\n\n  public ngOnDestroy(): void {\n    this.hideBadge();\n  }\n\n  private showBadge(): void {\n    this.badgeRef ??= this.connectedOverlayService.createOverlay(this.element.nativeElement, DEFAULT_BADGE_OVERLAY_OPTIONS, { injector: this.injector });\n  }\n\n  private hideBadge(): void {\n    this.badgeRef?.close();\n    this.badgeRef = null;\n  }\n\n  private updateBadge(): void {\n    this.badgeRef?.update({\n      context: { contrast: this.contrast, value: this.value, variant: this.variant },\n      position: this.position,\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/odx-angular-components-bar.mjs

@@ -0,0 +1,96 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, Input, NgModule } from '@angular/core';
+import { CSSComponent, CSSModifier } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { DisabledController, CoreModule } from '@odx/angular';
+
+let BarComponent = class BarComponent {
+    constructor() {
+        this.element = injectElement();
+    }
+};
+BarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BarComponent, isStandalone: true, selector: "odx-bar", ngImport: i0, template: "<ng-content select=\"button[odxBarButton], [odxBarLabel]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+BarComponent = __decorate([
+    CSSComponent('bar')
+], BarComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, selector: 'odx-bar', template: "<ng-content select=\"button[odxBarButton], [odxBarLabel]\"></ng-content>\n" }]
+        }] });
+
+const BarButtonVariant = {
+    DEFAULT: 'default',
+    SMALL: 'small',
+};
+
+let BarButtonDirective = class BarButtonDirective {
+    constructor() {
+        this.disabledController = DisabledController.inject();
+        this.element = injectElement();
+    }
+};
+BarButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BarButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BarButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: BarButtonDirective, isStandalone: true, selector: "button[odxBarButton]", inputs: { variant: "variant" }, host: { properties: { "class.is-disabled": "disabledController?.disabled" } }, providers: [DisabledController.connect()], ngImport: i0 });
+__decorate([
+    CSSModifier({
+        default: BarButtonVariant.DEFAULT,
+    }),
+    __metadata("design:type", Object)
+], BarButtonDirective.prototype, "variant", void 0);
+BarButtonDirective = __decorate([
+    CSSComponent('bar-button')
+], BarButtonDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BarButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[odxBarButton]',
+                    standalone: true,
+                    providers: [DisabledController.connect()],
+                    host: {
+                        '[class.is-disabled]': 'disabledController?.disabled',
+                    },
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }] } });
+
+let BarLabelDirective = class BarLabelDirective {
+    constructor() {
+        this.element = injectElement();
+    }
+};
+BarLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BarLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BarLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: BarLabelDirective, isStandalone: true, selector: "[odxBarLabel]", ngImport: i0 });
+BarLabelDirective = __decorate([
+    CSSComponent('bar-label')
+], BarLabelDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BarLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[odxBarLabel]',
+                    standalone: true,
+                }]
+        }] });
+
+const modules = [BarComponent, BarButtonDirective, BarLabelDirective];
+class BarModule {
+}
+BarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: BarModule, imports: [BarComponent, BarButtonDirective, BarLabelDirective], exports: [CoreModule, BarComponent, BarButtonDirective, BarLabelDirective] });
+BarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BarModule, imports: [BarComponent, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BarButtonDirective, BarButtonVariant, BarComponent, BarLabelDirective, BarModule };
+//# sourceMappingURL=odx-angular-components-bar.mjs.map

package/fesm2015/odx-angular-components-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-bar.mjs","sources":["../../../../libs/angular/components/bar/src/lib/bar.component.ts","../../../../libs/angular/components/bar/src/lib/bar.component.html","../../../../libs/angular/components/bar/src/lib/models/bar-button-variant.ts","../../../../libs/angular/components/bar/src/lib/directives/bar-button.directive.ts","../../../../libs/angular/components/bar/src/lib/directives/bar-label.directive.ts","../../../../libs/angular/components/bar/src/lib/bar.module.ts","../../../../libs/angular/components/bar/src/odx-angular-components-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('bar')\n@Component({\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: 'bar.component.html',\n  selector: 'odx-bar',\n})\nexport class BarComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"button[odxBarButton], [odxBarLabel]\"></ng-content>\n","export type BarButtonVariant = typeof BarButtonVariant[keyof typeof BarButtonVariant];\n\nexport const BarButtonVariant = {\n  DEFAULT: 'default',\n  SMALL: 'small',\n} as const;\n","import { Directive, Input } from '@angular/core';\nimport { DisabledController } from '@odx/angular';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { BarButtonVariant } from '../models/bar-button-variant';\n\n@CSSComponent('bar-button')\n@Directive({\n  selector: 'button[odxBarButton]',\n  standalone: true,\n  providers: [DisabledController.connect()],\n  host: {\n    '[class.is-disabled]': 'disabledController?.disabled',\n  },\n})\nexport class BarButtonDirective {\n  protected readonly disabledController = DisabledController.inject();\n  public readonly element = injectElement();\n\n  @CSSModifier({\n    default: BarButtonVariant.DEFAULT,\n  })\n  @Input()\n  public variant?: BarButtonVariant | null;\n}\n","import { Directive } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('bar-label')\n@Directive({\n  selector: '[odxBarLabel]',\n  standalone: true,\n})\nexport class BarLabelDirective {\n  public readonly element = injectElement();\n}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { BarComponent } from './bar.component';\nimport { BarButtonDirective } from './directives/bar-button.directive';\nimport { BarLabelDirective } from './directives/bar-label.directive';\n\nconst modules = [BarComponent, BarButtonDirective, BarLabelDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class BarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/odx-angular-components-breadcrumbs.mjs

@@ -0,0 +1,56 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { inject, Renderer2, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren } from '@angular/core';
+import { DynamicViewService } from '@odx/angular/cdk/dynamic-view';
+import { IconComponent } from '@odx/angular/components/icon';
+import { LinkDirective } from '@odx/angular/components/link';
+import { CSSComponent } from '@odx/angular/internal';
+import { fromQueryList } from '@odx/angular/rxjs';
+import { untilDestroyed, injectElement } from '@odx/angular/utils';
+
+let BreadcrumbsComponent = class BreadcrumbsComponent {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.destroyed = untilDestroyed();
+        this.dynamicViewService = inject(DynamicViewService);
+        this.icons = new Set();
+        this.element = injectElement();
+    }
+    ngAfterViewInit() {
+        fromQueryList(this.linkItems)
+            .pipe(this.destroyed())
+            .subscribe(() => this.addIcons());
+    }
+    addIcons() {
+        this.removeIcons();
+        this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));
+    }
+    addIcon(linkElement) {
+        const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right' } });
+        this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);
+        this.icons.add(icon);
+    }
+    removeIcons() {
+        this.icons.forEach((icon) => icon.destroy());
+        this.icons.clear();
+    }
+};
+BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", queries: [{ propertyName: "linkItems", predicate: LinkDirective }], ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+BreadcrumbsComponent = __decorate([
+    CSSComponent('breadcrumbs')
+], BreadcrumbsComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-breadcrumbs', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[odxLink]\"></ng-content>\n" }]
+        }], propDecorators: { linkItems: [{
+                type: ContentChildren,
+                args: [LinkDirective]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BreadcrumbsComponent };
+//# sourceMappingURL=odx-angular-components-breadcrumbs.mjs.map

package/fesm2015/odx-angular-components-breadcrumbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-breadcrumbs.mjs","sources":["../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/angular/components/breadcrumbs/src/odx-angular-components-breadcrumbs.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, ContentChildren, inject, QueryList, Renderer2, ViewEncapsulation } from '@angular/core';\nimport { DynamicViewRef, DynamicViewService } from '@odx/angular/cdk/dynamic-view';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { LinkDirective } from '@odx/angular/components/link';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { fromQueryList } from '@odx/angular/rxjs';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\n\n@CSSComponent('breadcrumbs')\n@Component({\n  selector: 'odx-breadcrumbs',\n  standalone: true,\n  templateUrl: './breadcrumbs.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbsComponent implements AfterViewInit {\n  private readonly renderer = inject(Renderer2);\n  private readonly destroyed = untilDestroyed();\n  private readonly dynamicViewService = inject(DynamicViewService);\n  private readonly icons = new Set<DynamicViewRef<typeof IconComponent>>();\n\n  @ContentChildren(LinkDirective)\n  protected readonly linkItems!: QueryList<LinkDirective>;\n\n  public readonly element = injectElement();\n\n  public ngAfterViewInit(): void {\n    fromQueryList(this.linkItems)\n      .pipe(this.destroyed())\n      .subscribe(() => this.addIcons());\n  }\n\n  private addIcons(): void {\n    this.removeIcons();\n    this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));\n  }\n\n  private addIcon(linkElement: HTMLElement): void {\n    const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right' } });\n    this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);\n    this.icons.add(icon);\n  }\n\n  private removeIcons(): void {\n    this.icons.forEach((icon) => icon.destroy());\n    this.icons.clear();\n  }\n}\n","<ng-content select=\"[odxLink]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAgBa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;AACY,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC7B,QAAA,IAAS,CAAA,SAAA,GAAG,cAAc,EAAE,CAAC;AAC7B,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,GAAG,EAAwC,CAAC;AAKzD,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;KAuB3C;IArBQ,eAAe,GAAA;AACpB,QAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;AAC1B,aAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;aACtB,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;KACrC;IAEO,QAAQ,GAAA;QACd,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;KACtG;AAEO,IAAA,OAAO,CAAC,WAAwB,EAAA;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC;AACvG,QAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,WAAW,CAAC,CAAC;AACvF,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACtB;IAEO,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;KACpB;;iHA/BU,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,iBAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAMd,aAAa,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBhC,kDACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADea,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,aAAa,CAAC;CAQf,EAAA,oBAAoB,CAgChC,CAAA;2FAhCY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EAED,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kDAAA,EAAA,CAAA;8BAS5B,SAAS,EAAA,CAAA;sBAD3B,eAAe;uBAAC,aAAa,CAAA;;;AEtBhC;;AAEG;;;;"}

package/fesm2015/odx-angular-components-button-group.mjs

@@ -0,0 +1,60 @@
+import { __decorate, __metadata } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement, Transform } from '@odx/angular/utils';
+
+let ButtonGroupComponent = class ButtonGroupComponent {
+    constructor() {
+        this.element = injectElement();
+        this.alignRight = false;
+        this.block = false;
+        this.vertical = false;
+        this.reverse = false;
+    }
+};
+ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ButtonGroupComponent, isStandalone: true, selector: "odx-button-group", inputs: { alignRight: "alignRight", block: "block", vertical: "vertical", reverse: "reverse" }, ngImport: i0, template: "<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier(),
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "alignRight", void 0);
+__decorate([
+    CSSModifier(),
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "block", void 0);
+__decorate([
+    CSSModifier(),
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "vertical", void 0);
+__decorate([
+    CSSModifier(),
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "reverse", void 0);
+ButtonGroupComponent = __decorate([
+    CSSComponent('button-group')
+], ButtonGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-button-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n" }]
+        }], propDecorators: { alignRight: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], vertical: [{
+                type: Input
+            }], reverse: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonGroupComponent };
+//# sourceMappingURL=odx-angular-components-button-group.mjs.map

package/fesm2015/odx-angular-components-button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-button-group.mjs","sources":["../../../../libs/angular/components/button-group/src/lib/button-group.component.ts","../../../../libs/angular/components/button-group/src/lib/button-group.component.html","../../../../libs/angular/components/button-group/src/odx-angular-components-button-group.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement, Transform } from '@odx/angular/utils';\n\n@CSSComponent('button-group')\n@Component({\n  standalone: true,\n  selector: 'odx-button-group',\n  templateUrl: './button-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonGroupComponent {\n  public static ngAcceptInputType_reverse: BooleanInput;\n  public static ngAcceptInputType_block: BooleanInput;\n  public static ngAcceptInputType_alignRight: BooleanInput;\n  public static ngAcceptInputType_vertical: BooleanInput;\n\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Transform(coerceBooleanProperty)\n  @Input()\n  public alignRight = false;\n\n  @CSSModifier()\n  @Transform(coerceBooleanProperty)\n  @Input()\n  public block = false;\n\n  @CSSModifier()\n  @Transform(coerceBooleanProperty)\n  @Input()\n  public vertical = false;\n\n  @CSSModifier()\n  @Transform(coerceBooleanProperty)\n  @Input()\n  public reverse = false;\n}\n","<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAaa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;AAMW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAKnC,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAKnB,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;AAKd,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAKjB,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;KACxB;;iHA3BY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,4KCbjC,wEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADoBE,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAEP,EAAA,oBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAE1B,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAEZ,EAAA,oBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAErB,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAET,EAAA,oBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAExB,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAEV,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA1BZ,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,cAAc,CAAC;CAQhB,EAAA,oBAAoB,CA2BhC,CAAA;2FA3BY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,kBAAkB,EAEb,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wEAAA,EAAA,CAAA;8BAaxC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAMC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAMC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAMC,OAAO,EAAA,CAAA;sBADb,KAAK;;;AEtCR;;AAEG;;;;"}