@odx/angular 1.0.0-rc.2 → 1.0.0-rc.20

package/fesm2015/odx-angular-components-area-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-area-header.mjs","sources":["../../../../libs/angular/components/area-header/src/models/area-header-size.ts","../../../../libs/angular/components/area-header/src/area-header.component.ts","../../../../libs/angular/components/area-header/src/area-header.component.html","../../../../libs/angular/components/area-header/src/directives/area-header-content.directive.ts","../../../../libs/angular/components/area-header/src/directives/area-header-subtitle.directive.ts","../../../../libs/angular/components/area-header/src/area-header.module.ts","../../../../libs/angular/components/area-header/src/odx-angular-components-area-header.ts"],"sourcesContent":["export type AreaHeaderSize = typeof AreaHeaderSize[keyof typeof AreaHeaderSize];\n\nexport const AreaHeaderSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n  XLARGE: 'xlarge',\n} as const;\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AreaHeaderSize } from './models';\n\n@CSSComponent('area-header')\n@Component({\n  selector: 'odx-area-header',\n  templateUrl: './area-header.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class AreaHeaderComponent {\n  public readonly element = injectElement();\n\n  @CSSModifier({ default: AreaHeaderSize.XLARGE })\n  @Input()\n  public size!: AreaHeaderSize;\n}\n","<div class=\"odx-area-header__container\">\n  <ng-content select=\"odx-avatar\"></ng-content>\n  <div class=\"odx-area-header__inner\">\n    <div class=\"odx-area-header__title\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"odx-area-header-subtitle\"></ng-content>\n  </div>\n</div>\n<ng-content select=\"odx-area-header-content\"></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'odx-area-header-content',\n  standalone: true,\n  host: {\n    '[class.odx-area-header__content]': 'true',\n  },\n})\nexport class AreaHeaderContentDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'odx-area-header-subtitle',\n  standalone: true,\n  host: {\n    '[class.odx-area-header__subtitle]': 'true',\n  },\n})\nexport class AreaHeaderSubtitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\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 { AreaHeaderComponent } from './area-header.component';\nimport { AreaHeaderContentDirective, AreaHeaderSubtitleDirective } from './directives';\n\nconst modules = [\n  AreaHeaderComponent,\n  AreaHeaderContentDirective,\n  AreaHeaderSubtitleDirective,\n  AvatarComponent,\n  ActionGroupComponent,\n  ButtonComponent,\n  IconComponent,\n];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AreaHeaderModule {}\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-area-header.mjs","sources":["../../../../libs/angular/components/area-header/src/models/area-header-size.ts","../../../../libs/angular/components/area-header/src/area-header.component.ts","../../../../libs/angular/components/area-header/src/area-header.component.html","../../../../libs/angular/components/area-header/src/directives/area-header-content.directive.ts","../../../../libs/angular/components/area-header/src/directives/area-header-subtitle.directive.ts","../../../../libs/angular/components/area-header/src/area-header.module.ts","../../../../libs/angular/components/area-header/src/odx-angular-components-area-header.ts"],"sourcesContent":["export type AreaHeaderSize = typeof AreaHeaderSize[keyof typeof AreaHeaderSize];\n\nexport const AreaHeaderSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n  XLARGE: 'xlarge',\n} as const;\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AreaHeaderSize } from './models';\n\n@CSSComponent('area-header')\n@Component({\n  selector: 'odx-area-header',\n  templateUrl: './area-header.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class AreaHeaderComponent {\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Input()\n  public size: AreaHeaderSize = AreaHeaderSize.LARGE;\n}\n","<div class=\"odx-area-header__container\">\n  <ng-content select=\"odx-avatar\"></ng-content>\n  <div class=\"odx-area-header__inner\">\n    <div class=\"odx-area-header__title\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"odx-area-header-subtitle\"></ng-content>\n  </div>\n</div>\n<ng-content select=\"odx-area-header-content\"></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'odx-area-header-content',\n  standalone: true,\n  host: {\n    '[class.odx-area-header__content]': 'true',\n  },\n})\nexport class AreaHeaderContentDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'odx-area-header-subtitle',\n  standalone: true,\n  host: {\n    '[class.odx-area-header__subtitle]': 'true',\n  },\n})\nexport class AreaHeaderSubtitleDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\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 { AreaHeaderComponent } from './area-header.component';\nimport { AreaHeaderContentDirective, AreaHeaderSubtitleDirective } from './directives';\n\nconst modules = [\n  AreaHeaderComponent,\n  AreaHeaderContentDirective,\n  AreaHeaderSubtitleDirective,\n  AvatarComponent,\n  ActionGroupComponent,\n  ButtonComponent,\n  IconComponent,\n];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AreaHeaderModule {}\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-avatar.mjs

@@ -10,32 +10,43 @@ const AvatarSize = {
     LARGE: 'large',
 };
 
+const AvatarVariant = {
+    CIRCLE: 'circle',
+    RECTANGLE: 'rectangle',
+};
+
 let AvatarComponent = class AvatarComponent {
     constructor() {
         this.element = injectElement();
+        this.size = AvatarSize.SMALL;
+        this.variant = AvatarVariant.CIRCLE;
     }
 };
-AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: AvatarComponent, isStandalone: true, selector: "odx-avatar", inputs: { size: "size" }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: AvatarComponent, isStandalone: true, selector: "odx-avatar", inputs: { size: "size", variant: "variant" }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
-    CSSModifier({
-        default: AvatarSize.SMALL,
-    }),
+    CSSModifier(),
     __metadata("design:type", Object)
 ], AvatarComponent.prototype, "size", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], AvatarComponent.prototype, "variant", void 0);
 AvatarComponent = __decorate([
     CSSComponent('avatar')
 ], AvatarComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'odx-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { size: [{
                 type: Input
+            }], variant: [{
+                type: Input
             }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarComponent, AvatarSize };
+export { AvatarComponent, AvatarSize, AvatarVariant };
 //# sourceMappingURL=odx-angular-components-avatar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-avatar.mjs","sources":["../../../../libs/angular/components/avatar/src/lib/models/avatar-size.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.html","../../../../libs/angular/components/avatar/src/odx-angular-components-avatar.ts"],"sourcesContent":["export type AvatarSize = typeof AvatarSize[keyof typeof AvatarSize];\n\nexport const AvatarSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AvatarSize } from './models';\n\n@CSSComponent('avatar')\n@Component({\n  standalone: true,\n  selector: 'odx-avatar',\n  templateUrl: 'avatar.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AvatarComponent {\n  public readonly element = injectElement();\n\n  @CSSModifier({\n    default: AvatarSize.SMALL,\n  })\n  @Input()\n  public size?: AvatarSize | null;\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEa,MAAA,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;;;ACQH,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAArB,IAAA,WAAA,GAAA;AACW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;KAO3C;;4GARY,eAAe,EAAA,IAAA,EAAA,EAAA,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,gGCb5B,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADeE,UAAA,CAAA;AAAC,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,UAAU,CAAC,KAAK;KAC1B,CAAC;;CAE8B,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAPrB,eAAe,GAAA,UAAA,CAAA;IAR3B,YAAY,CAAC,QAAQ,CAAC;CAQV,EAAA,eAAe,CAQ3B,CAAA;2FARY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,YAAY,EAEP,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;8BASxC,IAAI,EAAA,CAAA;sBADV,KAAK;;;AEnBR;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-avatar.mjs","sources":["../../../../libs/angular/components/avatar/src/lib/models/avatar-size.ts","../../../../libs/angular/components/avatar/src/lib/models/avatar-variant.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.html","../../../../libs/angular/components/avatar/src/odx-angular-components-avatar.ts"],"sourcesContent":["export type AvatarSize = typeof AvatarSize[keyof typeof AvatarSize];\n\nexport const AvatarSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","export type AvatarVariant = (typeof AvatarVariant)[keyof typeof AvatarVariant];\n\nexport const AvatarVariant = {\n  CIRCLE: 'circle',\n  RECTANGLE: 'rectangle',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AvatarSize, AvatarVariant } from './models';\n\n@CSSComponent('avatar')\n@Component({\n  standalone: true,\n  selector: 'odx-avatar',\n  templateUrl: 'avatar.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AvatarComponent {\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Input()\n  public size?: AvatarSize | null = AvatarSize.SMALL;\n\n  @CSSModifier()\n  @Input()\n  public variant?: AvatarVariant | null = AvatarVariant.CIRCLE;\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEa,MAAA,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;;;ACHH,MAAA,aAAa,GAAG;AAC3B,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,SAAS,EAAE,WAAW;;;ACSX,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAArB,IAAA,WAAA,GAAA;AACW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAInC,QAAA,IAAA,CAAA,IAAI,GAAuB,UAAU,CAAC,KAAK,CAAC;AAI5C,QAAA,IAAA,CAAA,OAAO,GAA0B,aAAa,CAAC,MAAM,CAAC;KAC9D;;4GAVY,eAAe,EAAA,IAAA,EAAA,EAAA,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,oHCb5B,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADeE,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;;CAEqC,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEnD,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;;CAE+C,EAAA,eAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AATlD,eAAe,GAAA,UAAA,CAAA;IAR3B,YAAY,CAAC,QAAQ,CAAC;CAQV,EAAA,eAAe,CAU3B,CAAA;2FAVY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,YAAY,EAEP,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;8BAOxC,IAAI,EAAA,CAAA;sBADV,KAAK;gBAKC,OAAO,EAAA,CAAA;sBADb,KAAK;;;AErBR;;AAEG;;;;"}

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, NgZone, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Injector, ViewContainerRef, Directive } from '@angular/core';
-import { autoUpdate, computePosition, offset, hide } from '@floating-ui/dom';
+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, hasChanged, applyStyles, px, 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 { injectElement, Transform, getInjector, Position, isPresent } from '@odx/angular/utils';
+import { ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';
 
 const BadgeVariant = {
     HIGHLIGHT: 'highlight',
@@ -19,132 +13,104 @@ const BadgeVariant = {
     CONFIRMATION: 'confirmation',
 };
 
-const POSITION_STRATEGY = 'fixed';
 let BadgeComponent = class BadgeComponent {
     constructor() {
-        this.hostElement = inject(BADGE_HOST).hostElement;
-        this.zone = inject(NgZone);
-        this.elementRect = null;
         this.element = injectElement();
-        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.element.nativeElement.style.position = POSITION_STRATEGY;
-        this.startPositionUpdater();
-    }
-    ngOnDestroy() {
-        this.stopPositionUpdater();
-    }
-    startPositionUpdater() {
-        var _a;
-        this.element.nativeElement.dataset['value'] = this.value.toString();
-        if (this.value === 0) {
-            return this.stopPositionUpdater();
-        }
-        this.elementRect = this.element.nativeElement.getBoundingClientRect();
-        (_a = this.positionUpdater) !== null && _a !== void 0 ? _a : (this.positionUpdater = this.zone.runOutsideAngular(() => autoUpdate(this.hostElement, this.element.nativeElement, () => 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.element.nativeElement, {
-                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.element.nativeElement, { transform: `translate(${px(x)}, ${px(y)})`, display: null });
-            }
-            else if (this.element.nativeElement.style.display !== 'none') {
-                applyStyles(this.element.nativeElement, { display: 'none' });
-            }
-        });
+        this.variant = BadgeVariant.HIGHLIGHT;
     }
 };
-BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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.2.4", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", 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);
 __decorate([
-    CSSModifier({ default: BadgeVariant.HIGHLIGHT }),
+    CSSModifier(),
     __metadata("design:type", String)
 ], BadgeComponent.prototype, "variant", void 0);
 BadgeComponent = __decorate([
     CSSComponent('badge')
 ], BadgeComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", 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,
                 }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], contrast: [{
+        }], propDecorators: { contrast: [{
                 type: Input
             }], variant: [{
                 type: Input
+            }], value: [{
+                type: Input
             }] } });
 
-class BadgeDirective {
+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.injector = inject(Injector);
-        this.viewContainer = inject(ViewContainerRef);
-        this.hostElement = injectElement().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.7", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", 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.2.4", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", 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.7", ngImport: i0, type: BadgeDirective, decorators: [{
+BadgeDirective = __decorate([
+    CSSComponent('badge-host')
+], BadgeDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BadgeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[odxBadge]',
                     standalone: true,
-                    providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }],
                 }]
         }], propDecorators: { value: [{
                 type: Input,
@@ -164,5 +130,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", 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, inject, Input, NgZone, OnChanges, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { autoUpdate, computePosition, hide, offset, Strategy } from '@floating-ui/dom';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { applyStyles, hasChanged, injectElement, NgChanges, px } 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 zone = inject(NgZone);\n  private positionUpdater?: () => void;\n  private elementRect: DOMRect | null = null;\n\n  public readonly element = injectElement();\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  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.element.nativeElement.style.position = POSITION_STRATEGY;\n    this.startPositionUpdater();\n  }\n\n  public ngOnDestroy(): void {\n    this.stopPositionUpdater();\n  }\n\n  private startPositionUpdater(): void {\n    this.element.nativeElement.dataset['value'] = this.value.toString();\n    if (this.value === 0) {\n      return this.stopPositionUpdater();\n    }\n    this.elementRect = this.element.nativeElement.getBoundingClientRect();\n    this.positionUpdater ??= this.zone.runOutsideAngular(() =>\n      autoUpdate(this.hostElement, this.element.nativeElement, () => 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.element.nativeElement, {\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.element.nativeElement, { transform: `translate(${px(x)}, ${px(y)})`, display: null });\n    } else if (this.element.nativeElement.style.display !== 'none') {\n      applyStyles(this.element.nativeElement, { display: 'none' });\n    }\n  }\n}\n","import { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { ComponentRef, Directive, inject, Injector, Input, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';\nimport { injectElement, 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  private readonly injector = inject(Injector);\n  private readonly viewContainer = inject(ViewContainerRef);\n\n  public readonly hostElement = injectElement().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  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()\n  @Input()\n  public variant: BadgeVariant = BadgeVariant.HIGHLIGHT;\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,95 @@
+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.2.4", ngImport: i0, type: BarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", 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.2.4", 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();
+        this.variant = BarButtonVariant.DEFAULT;
+    }
+};
+BarButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BarButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BarButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: BarButtonDirective, isStandalone: true, selector: "button[odxBarButton]", inputs: { variant: "variant" }, host: { properties: { "class.is-disabled": "disabledController?.disabled" } }, providers: [DisabledController.connect()], ngImport: i0 });
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], BarButtonDirective.prototype, "variant", void 0);
+BarButtonDirective = __decorate([
+    CSSComponent('bar-button')
+], BarButtonDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", 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.2.4", ngImport: i0, type: BarLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BarLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: BarLabelDirective, isStandalone: true, selector: "[odxBarLabel]", ngImport: i0 });
+BarLabelDirective = __decorate([
+    CSSComponent('bar-label')
+], BarLabelDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", 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.2.4", ngImport: i0, type: BarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: BarModule, imports: [BarComponent, BarButtonDirective, BarLabelDirective], exports: [CoreModule, BarComponent, BarButtonDirective, BarLabelDirective] });
+BarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BarModule, imports: [BarComponent, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", 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  @Input()\n  public variant?: BarButtonVariant | null = BarButtonVariant.DEFAULT;\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.2.4", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", 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.2.4", 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

@@ -14,8 +14,8 @@ let ButtonGroupComponent = class ButtonGroupComponent {
         this.reverse = false;
     }
 };
-ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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 });
+ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", 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),
@@ -39,7 +39,7 @@ __decorate([
 ButtonGroupComponent = __decorate([
     CSSComponent('button-group')
 ], ButtonGroupComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", 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: [{